ERROR in Entry module not found: Error: Can't resolve './src' in XXX的一个解决方案

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 的错误。报错截图以及项目目录如下:

img

在百度也找了找解决方案,有说 webpack 4.0 版本后可以不需要使用配置文件来打包项目(链接:https://www.cnblogs.com/tassel/p/12038104.html )。当时对这个解决方案的关键信息并不敏感,使用谷歌去搜索时,在github 中找到相应的解决方案。(链接:https://github.com/webpack/webpack/issues/6858 )。如图:

image-20200524111246459

翻译过来就是: 在 https://webpack.js.org/concepts/ 这个网址中写道:“自从 v4.0.0 版本开始,webpack 不再需要配置文件”。

没有配置文件,webpack 仅在存在 scr/index.js 文件时才有效。这个信息(使用粗体)在文档中明确标明。

我们根据这条评论,点进这个网址,文本如下(如有需要可以自己翻译或进入这个网址查看):

At its core, webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a dependency graph which maps every module your project needs and generates one or more bundles.

Learn more about JavaScript modules and webpack modules here.

Since version 4.0.0, webpack does not require a configuration file to bundle your project. Nevertheless, it is incredibly configurable to better fit your needs.

由于我是使用配置文件来使用 webpack 打包项目的,所以我往下查找配置文件配置的官方描述:

Entry
An entry point indicates which module webpack should use to begin building out its internal dependency graph. webpack will figure out which other modules and libraries that entry point depends on (directly and indirectly).

By default its value is , but you can specify a different (or multiple entry points) by setting an entry property in the webpack configuration. For example:./src/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 作为入口点
  • 17
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
Module not found: Error: Can't resolve './demo' in ... 这个错误通常是由于无法找到指定的模块导致的。根据引用,在解决这个问题之前,我们需要检查项目文件中是否存在名为'./demo'的模块。如果这个模块确实存在,那么我们需要确保路径是正确的,并且该模块已经正确地引入到项目中。如果这个模块不存在,那么我们需要检查代码中是否存在对该模块的引用,并相应地进行修改。此外,根据引用,还需要确保webpack的配置文件名字是正确的,应该为webpack.config.js。如果文件名不正确,需要将其修改为正确的文件名。总结起来,要解决这个问题,我们需要检查并确保以下几点:1. 检查项目文件中是否存在名为'./demo'的模块;2. 检查路径是否正确,并且该模块已经正确地引入到项目中;3. 检查webpack配置文件的文件名是否正确,应该为webpack.config.js。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [报错:Module not found: Error: Can’t resolve ‘./src’ in XXX](https://blog.csdn.net/Dutuy/article/details/120873068)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值