解决webpack因新版本打包失败问题--ERROR in multi ./src/main.js ./dist/bundle.js

最新推荐文章于 2023-07-12 16:09:49 发布
置顶 最新推荐文章于 2023-07-12 16:09:49 发布
阅读量3.6k 收藏 1
点赞数
分类专栏： 过五关斩六将 文章标签： bug webpack打包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42247978/article/details/89736578
版权
本文介绍了在使用webpack 4.30.0版本打包时遇到的ERROR in multi ./src/main.js ./dist/bundle.js问题。作者分享了在尝试打包过程中遇到的错误，发现是由于版本过高导致的旧命令不适用。通过在命令中添加'-o'参数，成功解决了打包问题，使得bundle.js文件生成并能在index.html中正常运行。作者强调了亲自动手解决问题的重要性，鼓励开发者面对技术变更要保持学习和努力。
摘要由CSDN通过智能技术生成

最近在学习webpack打包过程中遇到的一个问题向大家分享下！

创建了一个webpacksty的目录，目录下放着dist，src子目录，然后通过node环境下，npm init -y 初始化项目出现package.json文件，src子目录下又存放着index.html和main.js文件，接下来尝试着在main.js输入一句代码当验证打包后续是否成功的过程：

console.log("ok");

接下就是执行webpack打包命令了

把src下的main.js打包到dist下的bundle.js,执行命令：

webpack .\src\main.js .\dist\bundle.js

执行后：

报错了！此时也可以直接看出我的webpack版本号：4.30.0 ，算是新版本了。

当然此时查看结构目录下dist肯定没有bundle.js的文件出现，然后自己也是看别人的博客查询到了原来是版本过高，以前的命令已经不适用了，只要加-o就轻松解决原来。

webpack .\src\main.js -o .\dist\bundle.js

此时就执行成功了！

最低0.47元/天 解锁文章
非完美主义
关注
专栏目录
运行弹窗项目时，重新安装了cnpm i node-sass -D，也会出现同样的错误，有说是版本的问题，但修改后同样也会是同样的错误
weixin_40945354的博客
02-20 2054
ivyone@ivyonedeMacBook-Pro guagua % cnpm run serve > guagua@0.1.0 serve /Users/ivyone/hami77/guagua > vue-cli-service serve INFO Starting development server... 98% after emitting CopyPlugin ERROR Failed to compile with 1 error
webpack-hot-middleware热加载相关错误的解决办法
qq_44884577的博客
04-11 902
webpack-hot-middleware热加载相关错误的解决办法
vue问题记录：This relative module was not found: * ./src/main.js in multi (webpack)-dev-s...
usuyitakumi的博客
10-22 2万+
这个问题不是第一次碰到了，记录一下。 在切换前端项目的src或者项目位置时，运行npm run dev就会报这个错误。查看了一下其他的帖子，原因是当更改了文件目录或者文件名后，编辑器会把一些认为有关联的路径也一并修改了。 但是很多帖子或者文里没有给出解决办法。对于非git项目上拉取的前端环境，使用git clone拉取再次启动项目并不现实。 最好的解决办法就是删除最外层的node_modules文...
vue运行报错 ./src/main.js in multi (webpack)-dev-server/client?...
qq_52971866的博客
09-07 1万+
这里entry的正确路径是根据当前项目路径来写的，我这边的路径是："examples/main.js"，不是"src/main.js"这是vue.config下的webpack的路径错了。
webpack打包错误 ERROR in multi ./src/main.js ./dist/bundle.js
weixin_30436891的博客
09-17 381
前言: 因为很长一段时间没用webpak，今天突然去回顾一下，发现我打包单个文件，报错，我很惊奇，我以前这样打包从来没有出现过问题，然后我去百度查询了一下我的这个的问题，原来是我的webpack 和vue -cli 版本太高了，老版本的这种打包方式已经不支持了，所以要用新的打包方式。 当输入命令：webpack .\src\main.js .\dist\bundle.js ...
webpack常见调试问题
qq_41117240的博客
03-19 1292
webpack打包常见问题 问题一： peerDependencies WARNING webpack-dev-server@* requires a peer of webpack@^4.0.0 || ^5.0.0 but webpack@3.8.1 was installed peerDependencies WARNING webpack-dev-server@3.10.3 › webpac...
三.webpack基本配置
小毛驴的博客
10-23 1346
webpack基本配置 1.关于webpack.config.js 首先我们先建立这样的目录 文件说明： src ： 放置源文件的目录 dist ： 放置打包后文件的目录 index.html ： 初始化页面(要手动引用生成的js文件) entry...
学习Vue bug 一、webpack打包错误 ERROR in multi ./src/main.js ./dist/bundle.js
冯安晨
04-16 2257
一、先上错误代码 ERROR in multi ./src/main.js ./dist/bundle.js Module not found: Error: Can't resolve '.\dist\bundle.js' in 'D:\Users\VScode\heima_vueHtml\Vue\黑马05天\07-webpack-study'l\Vue\黑马05天\07-webpack-stu...
❤ npm 报错This relative module was not found: * ./src/main.js in multi (webpack)-dev-server/client?
林太白
03-15 9677
最好的解决办法就是删除最外层的node_modules文件和package-lock.json文件，删除后重新npm install 并npm run dev运行。问题解决，项目可以正常运行。还一个可能是所使用的编辑器造成的，当更改了文件目录或者文件名后，编辑器会聪明的把一些认为有关联的路径也一并修改了。手动把文件路径写错了外。
Vue2——webpack3升级webpack5的坑
huang_wei_xiong的博客
05-09 781
简介 这是在创建项目后，原封不动的改成webpack5 期间可能还要安装全局的webpack、webpack-dev-server、webpack-cli等没有配备的库 1.build.js 'use strict' require('./check-versions')() process.env.NODE_ENV = 'production' const ora = require('ora') const rm = require('rimraf') const path = require('p
vue运行报错 ./src/main.js in multi (webpack)-dev-server/client?...（霸霸看了都说好）
霸霸的博客
08-13 1万+
报错内容如下图： ERROR Failed to compile with 1 error 9:49:18 This relative module was not found: ./src/m
Node.js 使用webpack-dev-server工具运行项目实现自动打包编译的功能
꧁༺ʚvv༒catɞ༻꧂的博客
07-31 1800
npm install -g cnpm --registry=https://registry.npm.taobao.org 安装 cnpm 模块 使用 cnpm 命令 cnpm i webpack-dev-server -D 安装 webpack-dev-server 把这个工具安装到项目的本地开发依赖，这个 工具的用法 和 webpack 命令的用法，完全一样。由于，我们是在项目中，本地安装的 webpack-dev-server , 所以，无法把它当做 脚本命令，在powershell 终端中直接
「踩坑」vue运行报错：This relative module was not found: * ./src/main.js in multi (webpack)...
Bule_daze的博客
07-08 2万+
问题： 从GitLab上git clone文件下来，npm run dev运行报错： ERROR Failed to compile with 1 errors 2:51:49 PM This relative module wa...
./src/main.js in multi (webpack)-dev-server/client?http://10.104.208.197:8081/sockjs-node...
热门推荐
zsy_1991的博客
12-23 5万+
前情 想要看@vue/cli创建的项目和普通npm install 的项目区别，故将@vue/cli 创建的项目除了App.vue,main.js和package.json三个文件之外的其他文件删除，该三个文件在同一个目录下。然后使用npm install安装依赖，然后使用npm run serve命令启动本地开发环境，报如下错误： $ npm run serve vue-cli-service ...
解决Syntax Error: Error: Loading PostCSS Plugin failed: Cannot find module ‘autoprefixer‘
菜鸡的博客
07-12 3314
使用启动服务。
全面解决webpack入口文件entry路径错误问题 。ERROR in main Module not found: Error: Can‘t resolve ‘./src‘ in ‘
qq_45104740的博客
08-17 3196
提问 webpack打包时老是报错？很有可能是路径问题，官网上说entry的默认值为‘./src’,设置的路径还是有错，到底是怎么回事呢？ 解答 根据某个完整的报错信息 从中可以看到答案： 它会将先看默认或者设置的enter路径是否存在那个文件，然后再到原有路径分别加后缀名‘.js’ ‘.json’ ‘.wasm’，看文件是否存在,结果显示不是，如图 然后会在原路径后面加上/index，看是否存在，index的基础上再加后缀名‘.js’ ‘.json’ ‘.wasm’，看是否存在，结果显示不存在，如图：
ERROR in ./src/main.ts Module build failed (from ./node_modules/thread-loader/dist/cjs.js):
最新发布
11-09
4. ERROR in ./src/main.ts Module build failed (from ./node_modules/thread-loader/dist/cjs.js):? 针对这些问题，可以采取以下解决方法： 1. 对于第一个问题，建议使用自己的RuntimeModule替代MainTemplate....
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值