发布于 3年前

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。我这里再总结一下我百度和谷歌搜到的解决方案的综合吧!

解决方案

  1. 检查 entry 配置的路径是否出错
  2. 检查 webpack.config.js 的路径是否出错,webpack.config.js 必须是放在根目录下
  3. 检查配置文件文件名是否出错,是 webpack.config.js 而不是 webpack-config.js
  4. 如果是 v4.0.0 以上版本的 webpack,可以不使用配置文件配置 webpack ,使用官网推荐的使用 ./src/index.js 作为入口点
©2020 edoou.com   京ICP备16001874号-3