ERROR Failed to compile with 3 errors找不到依赖项

本文记录了解决使用el-select-tree组件时遇到的编译错误的过程,通过清除缓存及重新安装core-js等依赖成功解决了问题。

ERROR  Failed to compile with 3 errors

These dependencies were not found:

* core-js/modules/es6.number.constructor in ./node_modules/_el-select-tree@1.1.3@el-select-tree/lib/index.js
* style-inject/dist/style-inject.es.js in ./node_modules/_el-select-tree@1.1.3@el-select-tree/lib/index.js
* vue-runtime-helpers/dist/normalize-component.js in ./node_modules/_el-select-tree@1.1.3@el-select-tree/lib/index.js

To install them, you can run: npm install --save core-js/modules/es6.number.constructor style-inject/dist/style-inject.es.js vue-runtime-helpers/dist/normalize-component.js

百度下来结果和报错的提示信息一直,所以尝试一下

cnpm install core-js

npm install --save core-js

core-js@2.6.9

--save 安装的话
会写入package.json中
在package.json中可以看到依赖包
不用 --save的话
是不会写入package.json中的
package.json中看不到依赖包

反正各种折腾,最终卸载了全部的包括全局的vue包,删除了所有的node_moudules文件夹,最后自己莫名其妙就好了,总之,肯定是缓存的问题不是代码的问题。

全部删除缓存,重新install了一下 core-js就好了

小伙伴们碰到这个问题多尝试。

<think>嗯,用户遇到了编译错误“Failed to compile with 1 errors”,需要解决这个问题。根据提供的引用资料,可能的原因包括依赖缺失、路径配置错误、资源锁定或样式加载器问题。首先,用户提到是配置文件路径问题,修改webpack.dev.conf.js中的静态文件路径可以解决。需要检查路径是否正确,特别是项目结构变化后路径是否需要调整。 然后,引用2提到依赖未到的问题,常见解决方法是安装缺失的依赖,比如npm install。用户需要根据错误提示中的具体模块名进行安装,比如vant组件库。另外,检查import语句是否正确引用模块,避免拼写错误或路径错误。 引用3中的例子显示缺少vant及其样式文件,建议用户运行npm install vant来安装。同时,资源被锁定的错误可能需要关闭占用文件的程序,或者以管理员权限运行命令。 引用4提到样式加载器的问题,可能需要安装对应的loader,如css-loader、style-loader等。用户需要确认是否安装了相关loader,并检查版本兼容性,特别是Vue项目可能需要特定版本的loader。 综合这些信息,解决方案应该分步骤进行:首先检查错误日志确定具体错误,然后根据错误类型处理依赖、路径、资源锁定或加载器问题。最后建议用户清理缓存或重启开发环境。需要确保回答结构清晰,逐步引导用户排查问题,并给出具体命令和检查点,帮助用户逐步解决编译错误。</think>### 解决“Failed to compile with 1 errors”的逐步方案 #### 1. **定位具体错误信息** - 首先查看终端输出的完整错误日志,重点关注以下两类信息: - **依赖缺失**:例如 `Module not found: Can&#39;t resolve &#39;xxx&#39;`,表明缺少某个包或文件引用[^2][^3]。 - **路径或语法错误**:例如 `Failed to resolve path &#39;xxx&#39;`,可能是配置文件或代码中的路径错误[^1]。 --- #### 2. **处理依赖缺失问题** - **安装缺失依赖**: ```bash # 根据错误提示安装对应依赖(例如缺少vant组件库) npm install vant --save ``` - **检查import语句**: - 确保导入路径正确,例如: ```javascript // 错误示例(路径大小写敏感) import Vant from &#39;Vant&#39;; // 应改为小写 &#39;vant&#39; ``` - **重新安装所有依赖**(若问题不明确): ```bash rm -rf node_modules # 删除旧依赖(Windows系统用命令行或手动删除) npm install # 重新安装 ``` --- #### 3. **修正配置文件路径** - **修改Webpack配置**(适用于静态资源路径错误): - 打开 `webpack.dev.conf.js`,检查 `output.publicPath` 或 `devServer.contentBase` 路径: ```javascript // 示例:修正静态文件路径 devServer: { contentBase: path.resolve(__dirname, &#39;dist&#39;) // 确保路径与项目实际目录一致 } ``` - 注意路径分隔符使用 `/` 而非 `\`(Windows系统需转义)[^1]。 --- #### 4. **处理资源锁定或权限问题** - **关闭占用文件的程序**: - 若出现类似 `EBUSY: resource busy or locked`,检查是否有其他程序(如杀毒软件、IDE)占用了项目文件[^3]。 - **以管理员权限运行命令**: ```bash # Windows系统 右键点击命令行工具 → 以管理员身份运行 → 重新执行 npm run dev ``` --- #### 5. **检查样式加载器配置** - **安装必要loader**(适用于CSS/SCSS/Less编译错误): ```bash # 安装Vue项目常用loader npm install css-loader style-loader --save-dev # 若使用SASS npm install sass sass-loader --save-dev ``` - **检查webpack配置**: ```javascript module: { rules: [ { test: /\.css$/, use: [&#39;style-loader&#39;, &#39;css-loader&#39;] // 确保顺序正确 } ] } ``` --- #### 6. **清理缓存并重启** - **清理npm缓存**: ```bash npm cache clean --force ``` - **重启开发服务器**: ```bash npm run dev ``` --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

CDialog

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值