vue2编译[npm run dev] Error: Could not load xxx/src/core/config

本文讲述了在Windows环境下使用Vue 2.6.12时,遇到rollup-plugin-alias模块解析错误的问题,原因在于Windows对盘符大小写敏感性。提供了两种解决方法:一是修改rollup-plugin-alias源码,二是替换官方库。
1.【出错复现】

执行环境:

  • window10 x64
  • npm v6.14.8
  • node 14.15.0
  • vue 2.6.12

执行【npm run dev】编译vue2的时候,报以下错误:

(plugin Rollup Core) Error: Could not load xxxx(个人目录)\src\core\config (imported by xxxx(个人目录)\src\platforms\web\entry-runtime-with-compiler.js): ENOENT: no such file or directory, open ‘xxxx(个人目录)\src\core\config’

2. 【出错原因】

rollup-plugin-alias对windows支持不友好:对window的盘符解析忽略小写的问题。从而导致模块路径解析出错,也就出现了上面模块找不到的error。

3.【问题解决】
  1. 下载文件https://github.com/ideayuye/rollup-plugin-alias并覆盖掉本地文件夹 \node_modules\rollup-plugin-alias
  2. 进入rollup-plugin-alias文件夹,依次执行npm i ,npm run build。
这是一个“普通文本型”问题。 错误信息表明 Vite 在启动时无法加载 `/src/main.js` 文件,提示该文件可能不存在或路径解析有问题。 **问题分析:** Vite 项目默认入口为 `src/main.js` 或 `src/main.ts`,若此文件缺失、命名错误或未正确配置,将导致“Failed to load url /src/main.js”错误。 **解决方法如下:** 1. **确认文件是否存在** - 检查项目根目录下是否有 `src` 文件夹; - 确认 `src/main.js` 是否存在; - 若文件名是 `main.ts`、`main.jsx` 或其他扩展名,请确保与 `index.html` 中的引用一致。 2. **检查 `index.html` 中的入口脚本引用** 确保 `index.html` 中有类似以下代码: ```html <script type="module" src="/src/main.js"></script> ``` 如果实际文件是 `main.ts`,应改为: ```html <script type="module" src="/src/main.ts"></script> ``` 3. **确认项目结构正确** 典型 Vite 项目结构应包含: ``` dlust-beta/ ├── index.html ├── package.json └── src/ └── main.js <-- 确保该文件存在 └── App.vue └── ... ``` 4. **若文件确实缺失,创建它** 创建 `src/main.js`,内容示例(Vue 项目): ```js import { createApp } from 'vue' import App from './App.vue' createApp(App).mount('#app') ``` 5. **重启 Vite 服务** 修复后终止当前进程(Ctrl + C),重新运行: ```bash npm run dev ``` 完成以上步骤后,Vite 应能正常加载入口文件并启动服务。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值