ERROR in Entry module not found: Error: Can't resolve './src' in XXX的一个解决方案
踩坑场景
今天在学习 Vue 的 webpack 时(使用配置文件配置),使用 webpack 命令打包项目时,报了 ERROR in Entry module not found: Error: Can't resolve './src' in XXX
的错误。
找到相应的解决方案:“自从 v4.0.0 版本开始,webpack 不再需要配置文件”。
没有配置文件,webpack 仅在存在 scr/index.js 文件时才有效。这个信息(使用粗体)在文档中明确标明。
并且有一段示例代码:
webpack.config.js
module.exports = {
entry: './path/to/my/entry/file.js'
};
然后我回去检查我的项目结构,发现我配置文件的文件名写错了!(也太低级的错误了吧,捂脸.jpg)
官方中明确说明,如果使用配置文件使用 webpack 打包项目,则文件名是 webpack.config.js 。而我根据以前配置文件命名的习惯,写了 webpack-config.js 。所以配置文件名中是 .config
,而不是 -config
,修改下文件名即可。
是不是很低级的错误,捂脸.jpg。我这里再总结一下我百度和谷歌搜到的解决方案的综合吧!
解决方案
- 检查 entry 配置的路径是否出错
- 检查 webpack.config.js 的路径是否出错,webpack.config.js 必须是放在根目录下
- 检查配置文件文件名是否出错,是
webpack.config.js
而不是webpack-config.js
- 如果是 v4.0.0 以上版本的 webpack,可以不使用配置文件配置 webpack ,使用官网推荐的使用
./src/index.js
作为入口点