使用vite构建vue2项目报错,为何?

使用vite官方命令pnpm create vue@legacy构建vue2项目发现安装完成后在src/views/HomeView.vue页面里面写的有lang=ts,那么问题来了,我构建项目的时候全程都没选择要使用ts啊,为什么这里会出现lang=ts?这是bug吗?我上网查了下说是要按Volar插件来调式,我按了也没消除这个高亮错误提示,问题是我构建至始至终都没按过ts啊,我选择使用的技术栈是vue+vite+js,这里为什么会出现lang=ts尼?还有就是vite构建vue2没发现有css预处理器插件安装选项(难道需要单独自己按的吗),还是说安装姿势不对?有遇到同样情况的没有,来交流下,最后吐槽下,思否发疑问类帖必须强制加反问号?不然连贴都发不出来。。这机制不友好
vue2+vite构建项目命令
代码高亮报错,为什么会出现lang=ts?我都没选择使用ts啊.png

阅读 1.1k
avatarAI BotBETA

根据您提供的信息,问题可能出现在以下几个方面:

  1. 安装依赖时的问题:您使用pnpm create vue@legacy命令创建了项目,但可能在安装依赖时没有正确设置TypeScript相关的插件。Vue 2项目通常使用vue-cli创建,并且可以在创建项目时选择使用TypeScript。在Vite中,如果您想要使用TypeScript,您需要显式地添加相关的插件和配置。
  2. 文件中的lang=ts:在您的代码中,lang=ts表示该文件使用了TypeScript语言。如果您在代码中没有选择使用TypeScript,那么这个标记可能是错误的。您需要检查您的编辑器或IDE是否支持TypeScript语法高亮,或者是否误将其他文件的扩展名或标记复制到了该文件中。
  3. CSS预处理插件:在Vite中,CSS预处理插件是单独安装的。如果您没有安装相关的CSS预处理插件,那么您可能需要安装它们以获得正确的CSS处理功能。您可以通过在命令行中运行npm install --save-dev <plugin-name>yarn add --dev <plugin-name>来安装CSS预处理插件,例如lesssass等。

关于发帖机制的问题,StackOverflow要求在提问时添加问号(?),这是为了确保帖子内容清晰明了,并且方便其他用户回答。如果您不添加问号,系统可能会将您的帖子视为无效帖子而无法发布。如果您觉得这个机制不友好,您可以尝试在其他支持自由提问的论坛或社区中发帖。

2 个回答
  1. 这确实不该出现,我提交了一个 issue,可以关注后续会不会得到修复。
  2. 预处理器需要自己解决,只要安装对应的核心包即可。如:

    pnpm i sass
为什么不提供预处理器模版?这方面要是写进去,程序要复杂一些,也不是像 Vue-Router 那样是自家产业链,就算了,初始模版统一使用 css,不管你用什么预处理器,都能跑得起来。
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题