failed to load config from F:\vue\vue3\project\vite.config.ts error when starting dev server解决方法

最新推荐文章于 2025-03-22 09:44:27 发布
最新推荐文章于 2025-03-22 09:44:27 发布
阅读量3.8k 收藏 35
点赞数 45
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xugang666666/article/details/143418771
版权

在这里插入图片描述这个原因是因为node版本与npm版本不一致所导致,使用命令node -v查看node版本，npm -v查看npm版本
在这里插入图片描述
怎么分析版本是否一致？在这里我把node版本与npm版本兼容版本号给大家列出来。
node 22.3.0 - npm 10.8.1
node 22.1.0 - npm 10.7.0
node 22.0.0 - npm 10.5.1
node 21.7.0 - npm 10.5.0
node 21.3.0 - npm 10.2.4
node 21.2.0 - npm 10.2.3
node 21.0.0 - npm 10.2.0
node 20.14.0 - npm 10.7.0
node 20.13.0 - npm 10.5.2
node 20.12.0 - npm 10.5.0
node 20.11.0 - npm 10.2.4
node 20.10.0 - npm 10.2.3
node 20.7.0 - npm 10.1.0
node 20.6.0 - npm 9.8.1
node 20.5.0 - npm 9.8.0
node 20.4.0 - npm 9.7.2
node 20.3.0 - npm 9.6.7
node 20.2.0 - npm 9.6.6
node 20.0.0 - npm 9.6.4
node 19.9.0 - npm 9.6.3
node 19.8.0 - npm 9.5.1
node 19.7.0 - npm 9.5.0
node 19.6.0 - npm 9.4.0
node 19.5.0 - npm 9.3.1
node 19.3.0 - npm 9.2.0
node 19.1.0 - npm 8.19.3
node 18.20.3 - npm 10.7.0
node 18.20.0 - npm 10.5.0
node 18.19.1 - npm 10.2.4
node 18.19.0 - npm 10.2.3
node 18.18.0 - npm 9.8.1
node 18.17.0 - npm 9.6.7
node 18.16.0 - npm 9.5.1
node 18.14.2 - npm 9.5.0
node 18.14.0 - npm 9.3.1
node 18.13.0 - npm 8.19.3
node 18.10.0 - npm 8.19.2
node 18.9.0 - npm 8.19.1
node 18.8.0 - npm 8.18.0
node 18.7.0 - npm 8.15.0
node 18.6.0 - npm 8.13.2
node 18.4.0 - npm 8.12.1
node 18.3.0 - npm 8.11.0
node 17.9.1 - npm 8.11.0
node 16.20.0/16.20.1/16.20.2 - npm 8.19.4
node 16.19.0 - npm 8.19.3
node 16.18.0 - npm 8.19.2
node 16.17.0 - npm 8.15.0
node 16.16.0 - npm 8.11.0
————————————————
从上图能看现来我的node版本和npm 版本是不兼容的，所以我使用npm install npm@9.8.1 -g 命令进行降级，降到npm9.8.1这个版本
在这里插入图片描述在这里插入图片描述
如果这里出现错误你降低的版本还是之前版本，那么就执行卸载

在这里插入图片描述
卸载后你之前所安装的版本就有了。

好了，废话不多说直接开跑。。。。

xugang666666
关注
vue3 - 报错error when starting dev serve: Error: Cannot find module ‘node:url‘（完美解决方法）
高级前端工程师
02-28 6053
vue3，vite，运行项目报错，npm run dev，vue3启动报错，vue3 Error: Cannot find module 'node:url'，vue3 error when starting dev serve，vue3 Failed to load config from 'xx'，报错解决方法，vue3如何解决运行出现报错，vue3安装依赖后运行报错如何解决，怎么处理vue3运行报错提示，vue报错，解决报错，终端提示错误，浏览器报错，在VUE3+vite项目run dev运行起不来报
【Error】failed to load config from D:\Users\MXIN\IdeaProjects\xxx\vite.config.ts error when starting
m0_64210833的博客
12-14 4317
确保 Vite 已安装： 确保你的项目中已经安装了 Vite，并且版本是兼容的。在项目根目录下执行以下命令安装 Vite
vue3运行项目出错 failed to load config from D:\xm\demo\vite.config.ts
qq_45527370的博客
03-22 887
vue3运行项目出错 failed to load config from D:\xm\demo\vite.config.ts error when starting dev server:
vite+vue3运行项目报错failed to load config from ../vite.config.ts / Cannot find module ‘node:path‘
热门推荐
weixin_55088768的博客
12-13 4万+
vite+vue3运行项目报错failed to load config from ../vite.config.ts / Cannot find module 'node:path'
运行安装vue3+vite+Ts项目报错，无法加载vite.config.ts文件（failed to load config from D:\XXX\vite.config.ts）
weixin_48117629的博客
03-07 3274
git 上面拉别人的vue3+vite+Ts项目，安装依赖成功之后运行，出现报错。
failed to load config from 路径\vite.config.jserror when starting dev server:Error: Cannot find问题
ShanHey1Q1u的博客
09-18 9841
是因为node和npm版本号问题，可以使用nvm工具下载高版本的node切换过去就可以了，使用到16.14.2版本就可以正常下载依赖了。使用npm init vue@latest构建项目后，npm i下载依赖文件出现。
failed to load config from E:\IdeaWork\fjxx\project\mrg-szzc-web\vite.config.ts error when starting dev server: Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: No "exports" main defined in E:\IdeaWork\fjxx\project\mrg-szzc-web\node_modules\.pnpm\@intlify+vite-plug
04-03
例如，在 `vite.config.ts` 中原本有如下语句： ```typescript import { someFunction } from '@intlify/vite-plugin/lib/tokenize'; ``` 应改为直接引用入口点或其他允许的子路径（假设存在替代方法）： ```...
failed to load config from E:\小白兔\vue-project\vite.config.js error when starting dev server: Error [ERR_MODULE_NOT_FOUND]: Cannot find package &#39;unplugin-auto-import&#39; imported from E:\小白兔\vue-project\node_modules\.vite-temp\vite.config.js.timestamp-1741511191805-e56a8329b572c.mjs at new NodeError (node:internal/errors:399:5) at packageResolve (node:internal/modules/esm/resolve:889:9) at moduleResolve (node:internal/modules/esm/resolve:938:20) at defaultResolve (node:internal/modules/esm/resolve:1153:11) at nextResolve (node:internal/modules/esm/loader:163:28) at ESMLoader.resolve (node:internal/modules/esm/loader:838:30) at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18) at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:77:40) at link (node:internal/modules/esm/module_job:76:36)
03-10
在`vite.config.ts`里加入如下代码片段来启用`AutoImport()`功能，并适当自定义选项以适应具体需求： ```typescript import { defineConfig } from &#39;vite&#39; import AutoImport from &#39;unplugin-auto-import/vite&#39; ...
failed to load config from D:\code\vue3-study\vite-project\vite.config.ts error when starting dev server: Error: The URL must be of scheme file at D:\code\vue3-study\vite-project\vite.config.ts at loadConfigFromBundledFile (file:///D:/code/vue3-study/vite-project/node_modules/.pnpm/registry.npmmirror.com+vite@4.4.0/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:66082:19) at processTicksAndRejections (node:internal/process/task_queues:96:5) at async loadConfigFromFile (file:///D:/code/vue3-study/vite-project/node_modules/.pnpm/registry.npmmirror.com+vite@4.4.0/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:65931:28) at async resolveConfig (file:///D:/code/vue3-study/vite-project/node_modules/.pnpm/registry.npmmirror.com+vite@4.4.0/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:65535:28) at async _createServer (file:///D:/code/vue3-study/vite-project/node_modules/.pnpm/registry.npmmirror.com+vite@4.4.0/node_modules/vite/dist/node/chunks/dep-1d3a4915.js:64805:20) at async CAC.<anonymous> (file:///D:/code/vue3-study/vite-project/node_modules/.pnpm/registry.npmmirror.com+vite@4.4.0/node_modules/vite/dist/node/cli.js:743:24)  ELIFECYCLE  Command failed with exit code 1.
07-12
根据错误信息，看起来你的配置文件路径不正确，vite.config.ts 文件的路径应该是 D:\code\vue3-study\vite-project\vite.config.ts。 请确保路径正确，并且该文件存在于指定的位置。如果文件存在，你可以尝试重新...
error when starting dev server: Error: Build failed with 1 error: node_modules/esbuild/lib/main.js:1227:27: ERROR: [plugin: externalize-deps] Failed to resolve "@tailwindcss/vite". This package is ESM only but it was tried to load by `require`. See https://vite.dev/guide/troubleshooting.html#this-package-is-esm-only for more details. at failureErrorWithLog (E:\vue3Vite\my-vue-app\node_modules\esbuild\lib\main.js:1477:15) at E:\vue3Vite\my-vue-app\node_modules\esbuild\lib\main.js:946:25
最新发布
04-09
错误提示是：“Failed to resolve "@tailwindcss/vite". This package is ESM only but it was tried to load by `require`.” 这表明在尝试加载@tailwindcss/vite包时使用了require，而该包是仅支持ESM的。 首先，...
报错：failed to load config from D:\file\vue\examination_front\vite.config.ts error when starting dev s
小林的博客
12-20 597
我以为是我node版本不支持,但是看了一下发现并没有什么问题，我记得上一次还是能运行的。之后我打开之前能用的vue3项目，把node_modules文件夹删除掉，重新进行。发现他提示我vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件。今天在创建vue3项目的时候报错了一个启动开发服务器时遇到了一个构建错误。查询了一下，执行npm i 的时候，他并没有帮我安装vite。最后执行安装，就能启动了。
解决：uniapp项目打包微信小程序或原生app包（wgt），报错：failed to load config from /xx/xx-mall/vite.config.ts
qq_38969618的博客
11-30 2969
使用高版本node如v18.15.0
failed to load config from D\...\...vite.config.js错误
m0_47814717的博客
09-13 1万+
出现 failed to load config from D\...\...vite.config.js 错误，通常意味着 Vite 无法正确加载配置文件。这可能是由于配置文件的路径、语法错误或依赖项缺失导致的问题
vue3+vite项目，安装依赖运行报错“failed to load config from xxx，TypeError: vite.createFilter is not a function”
m0_52900946的博客
08-07 3万+
今天从GitHub上拉下来了一个vue3+vite项目，之前就是安装依赖就可以运行了，但是今天一直报错，显示...
解决报错：failed to load config from /Users/stephen/code/my-vue3-project/vite.config.js
qq_38969618的博客
05-23 6578
pnpm add @esbuild/darwin-x64@0.16.17 -D
failed to load config from D:\软件\hbuilderx\HBuilderX\plugins\uniapp-cli-vite\vite.config.js解决方案
xuelang532777032的博客
06-01 5146
failed to load config from D:\软件\hbuilderx\HBuilderX\plugins\uniapp-cli-vite\vite.config.js。你的杀毒软件给误杀了！
bug：failed to load config from D:\work\xxxxxxxxx\vite.config.ts SyntaxError: Unexpected token ‘.‘
奶绿走糖的博客
05-29 1602
我使用的是node12.21.0，版本太低，node无法识别此语法。检查node版本，将node版本升级到16+。
failed to load config from C:\Users\86136\Desktop\vue\vite-project\vite.config.js error when starting dev server:
03-17
"failed to load config from C:\Users\86136\Desktop\vue\vite-project\vite.config.js" 错误是在启动开发服务器时出现的错误。它表示无法从指定的路径加载配置文件 vite.config.js。 这个错误通常有以下几个可能的原因： 1. 路径错误：请确保路径中的文件名和文件夹名是正确的，并且文件确实存在于指定的位置。 2. 文件格式错误：请确保 vite.config.js 文件是有效的 JavaScript 文件，并且没有语法错误或其他问题。 3. 依赖问题：如果 vite.config.js 文件中引用了其他模块或依赖项，可能是由于缺少这些依赖项导致无法加载配置文件。请确保所有依赖项都已正确安装。 为了解决这个问题，你可以尝试以下几个步骤： 1. 检查路径：确认路径是否正确，并且文件确实存在于指定的位置。 2. 检查文件格式：确保 vite.config.js 文件是有效的 JavaScript 文件，并且没有语法错误。 3. 检查依赖项：如果 vite.config.js 文件中引用了其他模块或依赖项，请确保这些依赖项已正确安装。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值