关于使用Webpack时报出：ERROR IN MULTI ./src/main.js .dist/bundle.js 错误的分享

最新推荐文章于 2024-06-25 09:40:10 发布
最新推荐文章于 2024-06-25 09:40:10 发布
阅读量862 收藏
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YQ2254/article/details/106599915
版权

关于Vue使用webpack时出现的“ERROR IN MULTI ./src/main.js .dist/bundle.js Module nor found:Error:Can’t resolve”的问题

本人也是才开始学习Vue不久，刚刚踏入一个新的领域多多少少会遇到一些问题的，现在就分享出来别面大家以后在学习的过程中少踩一些坑。
当使用webpack .\src\main.js .dist\bundle.js的时候报出以下错误：
在这里插入图片描述
首先在终端检查一下自己的webpack的版本
在这里插入图片描述
webpack .\main.js .\dist\bundle.js的命令是在4.0版本之前的
4.0版本之后的需要更换为

在这里插入图片描述
这样就可以看到你所指定的目录下生成的bundle.js的文件了。

在这里插入图片描述

此次分享就到这里，欢迎大家一起共同学习，如果在今后的过程中大家还有什么容易踩的坑可以在评论区留言，如果有能力解决的话一定发篇针对这些错误的文章出来分享给大家~

Young2254
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决webpack4+升级webpack5+ vue-pdf不可用问题
06-09
ERROR in ./node_modules/vue-pdf/node_modules/pdfjs-dist/es5/build/pdf.worker.js (./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js!./node_modules/vue-pdf/node_modules/pdfjs-dist/es5/build/...
webpack打包错误 ERROR in multi ./src/main.js ./dist/bundle.js
m0_37477061的博客
07-03 6517
当输入命令：webpack .\src\main.js .\dist\bundle.js 报错如下： 来自本地 这是为什么呢？原因是我的webpack版本过高，原来的命令已经不适用了 如下查询版本号： 来自本地 那应该如何解决? 更换打包命令为: webpack ./src/main.js -o ./dist/bundle.js 其中 bundle.js是打包后生成的文件的...
vue 项目打包babel-polyfill下的 core-js 报错
abcde158308的博客
07-16 6280
一直打包正常的项目，突然打包报错，用 cnpm 重新安装了依赖然后通过 npm run build 打包发现报错如下 ERROR in ./~/_babel-polyfill@6.26.0@babel-polyfill/lib/index.js Module not found: Error: Can't resolve 'core-js/shim' in 'D:\work\ins-pc\node...
Vue打包报错处理Syntax Error: Error: spawn /Users/apple/main/node_modules/gifsicle/vendor/gifsicle ENOENT
最新发布
qq_54548545的博客
06-25 218
Syntax Error: Error: spawn /Users/apple/main/node_modules/gifsicle/vendor/gifsicle ENOENT
vuecli2.0 打包错误
kouhunzhe的博客
11-26 520
vuecli2.0 打包错误 // An highlighted block ERROR in ./node_modules/_extract-text-webpack-plugin@2.1.2@extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!C:/inetpub/wwwroot/zkeyvuewebsite/bran...
Vue 中使用 babel-polyfill 来兼容低版本浏览器
2401_83944328的博客
04-05 694
跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。也许是互联网未来10年中最好的一年。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自己，也希望能帮助到需要的同学。
从零开始构建VUE 客户端和服务端SSR项目
小青蛙的博客
12-15 4231
一、服务端渲染   1.基本概念 Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。 2.为什么要使用服务端渲染 优点： （1）更好的 SEO，由于搜索引擎爬虫抓取工具可以直...
react-webpack-demo:用一些 React.js 代码尝试 webpack
07-04
entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, // ... }; ``` 然后，你需要配置模块加载器，比如Babel和CSS加载器： ```javascript module.exports...
webpack-guides：webpack.js.org指南的通读
02-11
webpack会在目录中自动找到webpack.config.js，但是您应该使用--config arg。 我们可以使用-例如将参数传递给npm脚本。 npm run build -- --config webpack.config.js --colors资产管理到目前为
moment-locales-webpack-plugin：使用webpack轻松删除未使用的Moment.js语言环境
02-06
使用Webpack构建时轻松删除未使用的Moment.js语言环境 为什么 大小的75％（160个KBs）¹是用于本地化的文件。 当您使用webpack构建应用程序时，。 如果您的应用仅支持几种语言，则不需要这些文件中的大多数。 使用...
ERROR in multi ./hello.js bundle.js Module not found: Error: Can't resolve 'bundle.js' in 'F:\demo\t
热门推荐
LPLIFE的博客
06-11 2万+
解决这个问题请跳到第六步 下面是比较完整的简单打包： 一.确保已经安装了nodeJS之后. 二. 创建webpack-demo,我的是f盘下的, 2.然后进入这个文件夹: 3.进行初始化,一路都是选择默认(回车就可以): 查看初始化后的文件夹,里面只有一个json文件: 4. 接下来装webpack npm install webpack --save-dev ...
Component template should contain exactly one root element. If you are using v-if on multiple elemen...
weixin_30485379的博客
04-14 148
vue菜鸟一枚，下载github上的代码来框架和思路，添加自己新的代码调试的时候，发现了一个错误，，具体报错如： error in ./src/components/page/Test.vue (Emitted value instead of an instance of Error) Vue template syntax error: Component te...
webpack配置babel时候报错ERROR in ./src/main.js Module build failed (from ./node_modules/babel-loade
qq_35457469的博客
11-04 7134
报错信息 ERROR in ./src/index.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Plugin/Preset files are not allowed to export objects, only functions. In /Users/thinker/Deskto...
webpack打包 ERROR in multi ./appjs/main.js public/webpack.js
蓝花花的天空
03-20 746
[size=medium][color=green][b]webpack -v 4.1.1 运行如下命令，报错 webpack appjs/main.js public/webpack.js D:\idea_workspace\idea_test\app> webpack appjs/main.js public/webpack.js Hash: 7d64667dd2038...
学习Vue bug 一、webpack打包错误 ERROR in multi ./src/main.js ./dist/bundle.js
冯安晨
04-16 2182
一、先上错误代码 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...
[Vue.js] 使用 babel-polyfill 解决IE浏览器 正常使用
总结前端开发中遇到的问题，分享前端知识
09-26 9729
在 Vue 中我们会使用 axios 来存取 api ，但是 axios 会使用到 ES6 的 Promise ，所以 IE 会不支持，所以要用 babel-polyfill 来来将ES6 的语法转成ES5。 另附地址ES6转ES5在线工具：https://www.babeljs.cn/repl 安装babel-polyfill 因为polyfill 要在编译你的代码之前执行，所以...
Cannot read properties of undefined (reading 'install') TypeError: Cannot read properties of undefined (reading 'install') at Vue.use (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:5466:27) at eval (webpack-internal:///./src/router/index.js:12:45) at ./src/router/index.js (http://localhost:8080/js/app.js:491:1) at __webpack_require__ (http://localhost:8080/js/app.js:584:33) at fn (http://localhost:8080/js/app.js:818:21) at eval (webpack-internal:///./src/main.js:4:65) at ./src/main.js (http://localhost:8080/js/app.js:480:1) at __webpack_require__ (http://localhost:8080/js/app.js:584:33) at http://localhost:8080/js/app.js:1706:109 at __webpack_require__.O (http://localhost:8080/js/app.js:630:23)
07-21
at Vue.use (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:5466:27) at eval (webpack-internal:///./src/router/index.js:12:45) ``` 根据错误提示，问题可能出现在 `./src/router/index.js...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值