全面解决webpack入口文件entry路径错误问题 。ERROR in main Module not found: Error: Can‘t resolve ‘./src‘ in ‘

最新推荐文章于 2022-07-17 00:25:20 发布
最新推荐文章于 2022-07-17 00:25:20 发布
阅读量3k 收藏 6
点赞数 3
文章标签： bug javascript webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45104740/article/details/119753326
版权

提问

webpack打包时老是报错？很有可能是路径问题，官网上说entry的默认值为‘./src’,设置的路径还是有错，到底是怎么回事呢？

解答

根据某个完整的报错信息

在这里插入图片描述
从中可以看到答案：
它会将先看默认或者设置的enter路径是否存在那个文件，然后再到原有路径分别加后缀名‘.js’ ‘.json’ ‘.wasm’，看文件是否存在,结果显示不是，如图
在这里插入图片描述
然后会在原路径后面加上/index，看是否存在，index的基础上再加后缀名‘.js’ ‘.json’ ‘.wasm’，看是否存在，结果显示不存在，如图：
在这里插入图片描述

结论

那么如何写一个正确的entry值呢？
保证加上那些后缀名等后，该文件存在即可

.calin.
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
10-15
然而，在安装和使用antd的过程中，有时会遇到“Can't resolve './locale'”的错误，这个问题通常是由于与moment.js库的版本冲突所导致的。在本文中，我们将深入探讨这个问题的原因，并提供一种有效的解决方案。 ...
解决React在安装antd之后出现的Can’t resolve ‘./locale’问题
01-06
React在安装antd之后出现的Can’t resolve ‘./locale’问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在moment@2.18.1中是没有问题的。 解决方案就是配置webpack的alias,将所有...
webpack打包路径error
qq_45104740的博客
08-17 1307
报错内容： ERROR in main Module not found: Error: Can’t resolve ‘./src’ in ‘C:\Users\pefish\Desktop\webpack-study\1’ 。。。。 背景 学习webpack基本使用，用webpack打包时 解决 改变了一下目录结构（请忽略lib），改变后不报错： 改变前 原因 改变后的目录只是将js文件删了，本质是index.js和m1.js的路径发生了变化，说明目录改变前的路径是错的。 在webpack的配置里（we
Webpack 4 : ERROR in Entry module not found: Error: Can't resolve './src'
Ep流苏的博客
08-27 4855
Webpack 4 : ERROR in Entry module not found: Error: Can’t resolve ‘./src’ webpack4 默认不需要再创建webpack.config.js来配置打包的入口和出口； 默认情况下， 入口为./src/index.js文件 出口为./dist/main.js文件 目录结构： 确保入口文件/src/index.js位置正确，...
Webpack问题一：Moudle not found：Error: Can‘t resolve ‘./src‘ in。。。。
Hawking的博客
12-22 5527
因为以前是尝试使用过webpack老版本的，依稀印象中好像没这么严格的。 反正不理那些了，现在原本遇到的问题就是： 就是无论如何都是找不到./src 在我想要打包的文件里面，然后去找了一下原因，也是在CSDN上面找到了一个老哥记录下了这个问题： 然后发现了最终的问题就是： 一、在根目录下面创建 src 文件夹 二、里面的文件入口都是改成index.html or index.js 即可。 突然发现找错误还真的很麻烦. ...
关于ERROR in main Module not found: Error: Can‘t resolve的问题
Carlos_Zhf的博客
12-04 4705
这里写自定义目录标题 如以上问题解决方案：webpack ./src/main.js -o .dist/bundle.js --mode development webpack 文件路径 -o 文件路径 --mode development
webpack打包报错
qq_45874430的博客
06-14 1125
webapck打包报错
ERROR in Entry module not found: Error: Can‘t resolve ‘./src/index.js‘ in‘xxx.js‘
ZHgogogoha的博客
08-08 3850
webpack 初学webpack打包的时候遇到这样的问题 配置 'use strict'; const path = require('path'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, mode: 'production' }; 关键是
vue :src 文件路径错误问题的解决方法
08-27
vue :src 文件路径错误问题的解决方法 在 Vue 项目中，经常会遇到 :src 文件路径错误问题，这个问题可能会导致图片或者文件加载失败，影响项目的正常运行。今天，我们将详细介绍 vue :src 文件路径错误问题的解决...
ERROR in Entry module not found: Error: Can't resolve './src' in ‘ XXX ’
qq_20535249的博客
04-01 1342
1.目录结构如下： 2. webpack.config.js文件内容如下 3.报错内容： 解决办法： 1.请检查webpack.config.js文件名称是否正确，文件名开头和结尾是否有空格导致webpack找不到配置文件，从而使用了默认的配置。 2.或者将index.js文件移动到src目录下即可解决 ...
Webpack遇到的问题
weixin_47177936的博客
12-03 244
webpack遇到的问题
map的Entry操作过程中的错误
qq_26171035的博客
09-27 1522
for (Map.Entry<String, Map<String, Object>> entry : tempMap.entrySet()) { Map<String, Object> tempNode = entry.getValue(); String pmId = JzbDataType.getString(tempNode.get(p...
ERROR in Entry module not found: Error: Can‘t resolve ‘html-loader‘ in
Trees__的博客
03-19 1297
ERROR in Entry module not found: Error: Can’t resolve ‘html-loader’ in 原因分析： 自己试了很多种的办法，结果我发现是版本的问题，大家或许不是版本的问题所以提供几个方法给大家。 解决方案： 检查 entry配置的路径是否出错 检查 webpack.config.js 的路径是否出错，webpack.config.js 必须是放在根目录下 检查配置文件文件名是否出错，是 webpack.config.js而不是 webpack-
Webpack：配置入口(entry)
weixin_41350225的博客
04-17 2587
详解WebpackWebpack的核心概念①入口(entry) Webpack的核心概念 ①入口(entry) 入口起点(entry point)指示 webpack 应该使用哪个模块，来作为构建其内部依赖图的开始，webpack 会找出有哪些模块和 library 是入口起点（直接和间接）依赖的 ...
webpack 默认配置
lzz的博客
11-19 280
webpack-cli 4.2.0 webpack 4.44.2 node_modules\webpack\lib\OptionsDefaulter.js: 一个基础父类，提供基本配置功能，和webpack默认配置没有直接关系 node_modules\webpack\lib\WebpackOptionsDefaulter.js：继承了OptionsDefaulter.js，提供了webpack默认配置，例如默认entry为'./src' ...
ERROR in main Module not found: Error: Can‘t resolve ‘index.js‘
丁七岁的博客
10-30 4764
webpack打包的时候报错 webpack版本升级了 这个命令不能用了 用这个就可以： webpack ./index.js -o ./dist ./dist是打包文件生成的目录
webpack错误之ERROR in mainModule not found: Error: Can‘t resolve ‘./src‘ in ‘C:\Users\tuchunrong\Progr
tuchunrong的博客
07-17 2062
webpack错误 WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment. You can also set it to 'none' to disabl
Module not found: Error: Can't resolve './demo' in
最新发布
09-01
Module not found: Error: Can't resolve './demo' in ... 这个错误通常是由于无法找到指定的模块导致的。根据引用，在解决这个问题之前，我们需要检查项目文件中是否存在名为'./demo'的模块。如果这个模块确实存在...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值