前端应用-webpack-解决webpack 报错Module not found: Error: Can't resolve '.\dist\bundle.js' in 'D:\tasks_

最新推荐文章于 2024-04-23 13:33:53 发布
最新推荐文章于 2024-04-23 13:33:53 发布
阅读量1.9w 收藏 11
点赞数 13
分类专栏： webpack 前端构建工具 文章标签： webpack  Moudle not found
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34979346/article/details/99829685
版权

当我使用命令 webpack .\src\main.js .\dist\bundle.js

main.js 是源文件， bundl.js 是生成的文件 ，但是报错如下：
在这里插入图片描述

这是为什么呢?原因是我的webpack版本过高,原来的命令已经不适用了

如下查询版本号:
在这里插入图片描述

那应该如何解决?

更换打包命令为: webpack .\src\main.js -o .\dist\bundle.js

其中 demo.dundle.js是打包后生成的文件的文件名

在这里插入图片描述
结果是成功的， 解析下里面字段的含义如下：

其中的一些参数值:

Version:webpack版本

time:这次打包所花费的时间

列表信息

Asset:打包这次生成的文件

Size:这次生成文件的大小

Chunks:这次打包的分块

chunk Names:这次打包的名称

接下来查看以下项目:

在这里插入图片描述
bundle.js 生成了

上海_彭彭
关注
  • 13
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
Module not found: Error: Can't resolve "xxx" in "xxx"
weixin_30312557的博客
06-01 1491
报错信息 ERROR in multi ./src/index.js ./dist/bundle.js Module not found: Error: Can't resolve './dist/bundle.js' in 'C:\Users\ASUS\Desktop\vue\webpack-study' @ multi ./src/index.js ./dist/bundle.js...
已经安装了html-webpack-plugin,还是报错：Error: Cannot find module ‘html-webpack-plugin’
01-08
运行起来一切成功，后来新建了build文件目录，并且将webpack.config.js移动到了build文件中， package.json中的script: scripts: { test: echo \Error: no test specified\ && exit 1, start: node ./src/koa.js,...
使用webpack时遇到Module not found
RealRecall的博客
12-22 802
完整的报错是： Module not found: Error: Can’t resolve ‘a.js’ in ‘D:\programming\trywebpack’ 我解决的方法是，添加配置文件：webpack.config.js 配置文件内容为： module.exports = { entry: "./a", output: { filename: "pack.js", path: __dirname, }, }; 三项的意思是：入口、出口、路径。__dirname表
UmiJS部署，安装，配置出现的问题及解决办法
热门推荐
飞鸿踏雪泥的博客
06-26 3万+
目录 一：error eslint@5.6.0: The engine "node" is incompatible with this module. Expected versi on “^ 6.14.0 || ^ 8.10.0 ||> = 9.10.0 二：运行umi dev时出错 三：umi dev运行起来后，出现- Network: Undefined 今天在安装umi的时...
解决ModuleNotFoundError: No module named的方法
最新发布
2301_79779756的博客
04-23 4718
解决ModuleNotFoundError: No module named的方法。
【Bug 解决】webpack 报错：Module not found. Did you mean xxx
逸尘的专栏
04-26 3126
bug现场： 出现原因： 当在 .mjs 文件或其他 .js 文件中导入模块，并且它们最近的 package.json 中包含 “type” 字段，且值为 "module"时。引用文件的时候需要包含扩展名，否则 webpack 会提示 Module not found 的错误且编译失败。 解决办法： module.exports = { // ... module: { rules: [ { test: /\.m?js$/, resolve: {
ant design Pro 构建突然出现错误This dependency was not found
wang04170的博客
12-12 1559
ant design Pro 构建突然出现错误This dependency was not found 没有任何改动，ant design Pro 构建突然出现错误。 ERROR Failed to compile with 1 errors This dependency was not found: * module in ./node_modules/prettier/third-party.js To install it, you can run: npm install --save mo
antd-dayjs-webpack-plugin::alarm_clock:适用于antd的Day.js Webpack插件
05-28
Replace Moment.js with Day.js in antd project in ONE step. Bundle size reduced from 65 kb -> 4.19 kb.只需一步操作即可使用 Day.js 替换 Moment.js ，打包体积由 65 kb 优化至 4.19 kb。NameSizeSize ...
windicss-webpack-plugin::leaf_fluttering_in_wind:适用于webpack的Windi CSS:high_voltage:
03-18
windicss-webpack-plugin :leaf_fluttering_in_wind:于Webpack的下一代实用程序优先CSS框架。 特征 :puzzle_piece:按需CSS实用程序（与Tailwind CSS v2兼容） :package:按需本地元素样式重置 :fire:热模块更换...
Web前端框架应用：第8章 服务器端渲染-webpack搭建及渲染框架.pptx
06-07
第8章 服务器端渲染;;目录;目录;知识架构;知识架构;知识架构;知识架构;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;8.3 webpack搭建服务器端渲染;...8.4 Nuxt.js服务器端渲染框架;8.
2021-09-10【webpack】Module not found: Error: Can‘t resolve ‘./dist/bundle.js‘
weixin_45650440的博客
09-10 211
. webpack .\src\main.js .\dist\bundle.js 版本新增 -o webpack .\src\main.js -o .\dist\bundle.js 正确如下 webpack ./src/main.js -o ./dist/bundle.js
ERROR Module not found: Error: Can‘t resolve ‘./src‘ in
a1783118的博客
06-28 2386
webpack启动服务npm run serve后，出现报错如下图。原因是因为开发环境的配置下没有写 entry，加上它此问题就解决了。
Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘E:\new\react\geek-pc\src‘
weixin_51583081的博客
01-03 8037
Hi,我是赵猛，今天是做react项目的第二天，记录一下学习过程中出现的一些问题。
一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘
m0_64453243的博客
06-03 3万+
一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘
webpack使用-报错："Module not found: Error: Can't resolve 'webpack/hot'"
I_recluse的博客
08-11 3807
当配置webpack-dev-server本地服务器时，运行报错： 原因：没有本地局部安装webpack，hot模块只在本地的webpack的目录下查找，找不到就报错，全局安装webpack也不行 解决方法： 局部安装webpack：npm install webpack 然后，运行就OK了 ...
前端项目运行报错webpack: Failed to compile.解决
heda3的博客
02-29 1972
该文章介绍了前端项目运行报错webpack: Failed to compile.解决方式
Webpack错误解决 一 ERROR in Entry module not found
qq_44884577的博客
04-08 1537
Webpack错误解决 一 ERROR in Entry module not found
webpack打包时 Module not found: Error: Can't resolve ' 错误处理
jixinping的博客
11-14 3万+
Can’t resolve ‘某模块’， 相关依赖没有安装 执行 npm install ‘某模块’ 重新打包即可 Can’t resolve ‘自己写的页面’ （例如import ProjectBudget from “./projectBudget/projectBudget”） 执行这一句时报Can’t resolve ‘./projectBudget/projectBudget’ in ...
报错 Module not found: Error: Can't resolve 'vue-moment' in
03-30
该错误提示表明在您的代码中尝试导入“vue-moment”时出现问题。可能的原因是： 1. 您没有正确安装“vue-moment”依赖项。请运行“npm install vue-moment”或“yarn add vue-moment”命令来安装它。 2. 您的导入路径不正确。请确保您的导入语句正确指向“vue-moment”模块。例如：import VueMoment from 'vue-moment'。 3. 您的webpack配置文件中缺少必要的解析器。请确保您的webpack配置文件中包含对“.js”和“.vue”文件的解析器。例如： ``` module.exports = { // ... resolve: { extensions: ['.js', '.vue'], }, // ... } ``` 如果以上步骤都无法解决问题，请尝试删除“node_modules”文件夹并重新安装所有依赖项。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值