vite 按照出错解决方案

于 2025-04-19 15:18:08 发布
阅读量241 收藏
点赞数 1
文章标签： vue.js vite
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39364586/article/details/147351191
版权

npm run dev 运行报错
在这里插入图片描述
是因为没有安装autoprefixer 模块，并且在根目录缺少一个文件，创建一个\postcss.config.js文件
npm install autoprefixer --save-dev 安装成功
在运行 报错
在这里插入图片描述
原因是因为类型module,Es 不能定义这个，所以我们把上面的那个文件改成postcss.config.cjs文件
重新运行
在这里插入图片描述

vue3+vite - 报错 import.meta.glob() can only accept string literals.（详细解决方案）
高级前端工程师
03-25 3320
vue3，vite，vite+vue3报错，vue3 vite报错，[plugin:vite:import-analysis] import.meta.glob() can only accept string literals.详细解决报错，vue3报错怎么办，vite报错解决方法，vue+vite爆红，浏览器控制台报错，详细教程，vite官方文档，vue如何解决报错，vite使用变量import，vite vue3项目出现错误，在vue3+vite项目中，解决报错： [plugin:vite:impor
vue3+vite - 解决报错 [vue/compiler-sfc] Missing initializer in const declaration.（const声明中缺少初始化器，详细解决方案）
最新发布
高级前端工程师
03-31 5928
vue3+ts，vite，报错，vue3报错，vite报错，ts报错，[vue/compiler-sfc] Missing initializer in const declaration.，vue3报错，vite报错，ts报错，SFC编译报错，运行报错，打包报错，vue3运行错误，typescript，const声明中缺少初始化器，JavaScript错误处理，Uncaught SyntaxError: Missing initializer in const declaration，如何解决这个问题，检
【Vite】使用报错合集
weixin_57844432的博客
03-05 6622
Vue3报错Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files. 无法找到模块“../views/HomeView.vue”的声明文件。“/Users/lianwei/Desktop/old/PersonalProject/vite-demo2/src/views/HomeView.
vite 项目运行时出错：‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件。
虎康的博客
03-21 7185
因为使用vite创建vue3.0项目的时候，vite不会自动帮助我们install相关的依赖，需要我们手动去安装，然后我去项目的node_modules目录里面查看，果然什么都没有。所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像node或cli，会自动帮助我们执行npm i (install)命令去下载相关依赖，需要我们手动下载。
vite项目不能正常运行报错
qq_44407871的博客
03-08 924
【代码】vite项目不能正常运行报错。
vue3+vite项目，安装依赖运行报错“failed to load config from xxx，TypeError: vite.createFilter is not a function”
热门推荐
m0_52900946的博客
08-07 3万+
今天从GitHub上拉下来了一个vue3+vite项目，之前就是安装依赖就可以运行了，但是今天一直报错，显示...
postcss.config.js报错
lotpyve的博客
12-26 2992
最近在学习项目的时候，需要用到 rem 适配 ，项目是用 vite 构建的，我跟着vant上面的操作，需要自己添加一个 postcss.config.js文件，文件内容如下如下。最后通过查阅资料，解决方法是把 postcss.config.js 的文件后缀改为 postcss.config.cjs，这样就可以成功启动了。.mjs 模块化采用 ECMAScript模块（ES Modules）的 js文件。关于文件后缀 .js,.cjs,.mjs 的说法，我理解的就是。.js 普通js文件。
antd+react项目迁移vite的解决方案
福禄网络研发团队的博客
04-19 3163
antd+react+webpack往往是以react技术栈为主的前端项目的标准组合，三者都有成熟的生态和稳定的表现，但随着前端圈的技术不断革新，号称下一代构建平台vite2的发布，webpack似乎不那么香了，为什么这么说呢，因为vite太快了。经过一段时间的尝试，决定在项目中把webpack替换成vite试试，遂写成本文分享给大家。 Vite是什么 作为本文的主角，首先简单介绍一下vite这...
vue3+vite - 解决报错error when starting dev server: Error: Failed to resolve vue/compiler-sfc.（项目启动运行出错）
高级前端工程师
12-25 7370
vue3，vite，运行报错，error when starting dev server，Error: Failed to resolve vue/compiler-sfc.，vite项目运行出错，vue3启动报错，npm run dev，vue3+vite启动项目报错，yarn dev，安装项目依赖后运行报错，@vitejs/plugin-vue，vue3运行前端报错：error when starting dev server，使用vite创建项目，启动dev时报错，更新版本也不行，重新安装insta
vite+vue3+plyr播放本地public文件夹下视频无法加载，如何解决？？？
**My Coding Family**
09-05 900
🏆本文收录于《优快云问答解惑-专业版》专栏，主要记录项目实战过程中的Bug之前因后果及提供真实有效的解决方案，希望能够助你一臂之力，帮你早日登顶实现财富自由🚀；同时，欢迎大家关注&&收藏&&订阅！持续更新中，up！up！up！！
vue3+vite项目报错Transforming async generator functions to the configured target environment (“es2015“)
qq_42152032的博客
08-27 2272
启动vite项目时报错：Transforming async generator functions to the configured target environment ("es2015") is not supported yet esbuild升级为 ^0.18.2 及以上可解决此问题， 见此链接： 。在vite.config.js中build.target指定为了es2015，会使用esbuild进行转换到浏览器兼容目标。
基于Vite项目的过程中遇到的报错异常【总结自己遇到的沙雕问题】
2301_77062728的博客
10-12 476
可能是以前创建项目时随便起了一串英文【假设是test】来命名项目，时隔一段时间，重新创建新项目时脑海中又回想起了这段英文【test】并以此来命名，此时以前创建的项目还在，所以就会出现上述的情况。：选择此项会忽略当前目录中的现有文件，继续创建新项目。新项目的文件将被添加到当前目录中，但现有文件不会被删除。：选择此项将删除当前目录中的所有文件，然后继续创建新项目。这将导致数据丢失，所以请谨慎选择。：选择此项会取消创建项目的操作，保留当前目录中的文件。
vite常识性报错解决方案
weixin_44072254的博客
06-08 1493
原因：当你尝试从一个以 .ts 结尾的路径导入文件时，ESLint 可能会报告这个错误，因为它期望导入的是 JavaScript 文件（.js 或 .jsx）而不是 TypeScript 文件（.ts 或 .tsx）原因：因为项目里面使用ESModule的写法，但运行的环境又是Nodejs，虽然Nodejs支持ESModule,但默认不处理ESModule语法。：(导入的语法要显示的声明.js或.mjs，不然会报语法错误)解决办法：在项目根目录tsconfig.json文件新增。
【Vite】使用报错集锦
Sam的博客
02-26 2万+
1. Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files. 运行项目后，打开 Internal server error: Failed to parse source for import analysis because the con
vite 运行项目报错 ‘axios/index.js‘ does not provide anexport named ‘default‘
甜甜圆圆圈圈的博客
01-31 6252
vite 运行项目报错 'axios/index.js' does not provide anexport named 'default'
node.js下载和vite项目创建以及可能遇到的错误
weixin_60387745的博客
02-10 5192
Need to install the following packages: create-vite-app@1.21.0 Usage: nodemon [nodemon options] [script.js] [args] See "nodemon --help" for more. HbuilderX终端显示空白 'vite' 不是内部或外部命令，也不是可运行的程序 或批处理文件
vite安装路由启动报错。
weixin_40922551的博客
05-07 2441
vite启动报错，安装路由版本错误
vue:Vite启动项目报错Error: Cannot find module ‘worker_threads‘
weixin_42464106的博客
07-06 3482
Vite启动项目时报错Error: Cannot find module 'worker_threads'，是因为node版本太低的缘故。
关于vite项目启动时MODULE_NOT_FOUND的报错
github_38894454的博客
06-14 7914
在按照vite提供的初始化流程来操作，最后run dev的时候出现了这个报错 Error: No valid exports main found for '/Users/chendingzhou/Documents/vite-test/node_modules/@rollup/pluginutils' at resolveExportsTarget (internal/modules/cjs/loader.js:622:9) at applyExports (internal/module
mac安装vite
03-31
- 权限问题可能导致安装失败，需要提供解决方案。 - 网络问题可能导致包下载失败，建议更换镜像源。 - 用户可能在初始化项目时对选项不清楚，需要说明框架和变体的选择。 总结步骤后，应该按顺序写出详细指南，并...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值