webpack打包出错解决方法

最新推荐文章于 2024-12-14 10:36:13 发布
最新推荐文章于 2024-12-14 10:36:13 发布
阅读量2.5k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： webpack打包
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/tzbbwht/article/details/89473000
本文详细记录了在使用webpack进行项目打包时，遇到weixin-js-sdk模块未找到错误的解决过程。通过手动安装weixin-js-sdk并将其添加到package.json中，最终成功完成项目打包。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

webpack打包出错ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0&bustCache!
Module not found: Error: Can’t resolve ‘weixin-js-sdk’ in ‘D:\project\js’

因为npm install安装依赖时，node_modules文件里缺少weixin-js-sdk这个文件，
手动安装npm i weixin-js-sdk --save-dev
然后node_modules里就有weixin-js-sdk文件。
package.json文件里，也多了这项配置
然后再打包: npm run build 就一路绿色啦~
在这里插入图片描述

tzbbwht
关注
Weex报错Module build failed的Webpack配置问题解决方案
shejizuopin的博客
05-21 470
在Weex开发中，Module build failed错误常由Webpack配置问题引起。主要原因包括配置错误、依赖未安装、路径错误或版本不兼容。解决方案包括：检查并修正Webpack配置文件，确保所有依赖已正确安装，清理并重新安装依赖，检查版本兼容性，使用Webpack分析工具进行调试，以及参考官方文档和社区讨论。通过这些步骤，可以有效解决构建问题，确保项目稳定运行。
webpack配置打包后图片路径出错的解决
08-27
在Webpack配置打包后图片路径出错的问题可以通过修改url-loader的配置或使用vueLoaderConfig里的cssLoaders方法来解决。这些方法可以帮助你解决图片路径出错的问题，提高项目的加载速度和用户体验。
./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js
tian_jiangnan的博客
05-08 1万+
报错原因 解决方案 这个原因是文件的路径不对！ ../与./的区别要知道
关于element-ui安装以及卸载 启录 以及 ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/se
小小大青春
07-23 1万+
ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./node_modules/element-ui/packages/form/src/label -wrap.vue Module build failed: SyntaxError:...
Module not found: Error: Can't resolve 'babel-runtime/helper/extends'
monica1_1的博客
11-29 1万+
最近启动一个vue的项目，结果老是报错，还是一大片的爆红，上网搜了很多，竟说些有的没的，在此解决了，以作记录~ 报错1场景： ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue Module not fo...
错误解决error in ./node_modules/yargs/lib/platform-shims/esm.mjs Module parse failed: Unexpected token
最新发布
Gavin
12-14 564
error in ./node_modules/yargs/lib/platform-shims/esm.mjs Module parse failed: Unexpected token (18:41)
Vue 提示：./node_modules/_babel-loader@7.1.5@babel-loader/lib!./node_modules/_vue-loader@13.7.3@vue-loa
zhouzhiwengang的专栏
03-26 5573
今天在做租房管理系统后台模板提示如下错误信息： These dependencies were not found: * @/components/part/nav-top.vue in ./node_modules/_babel-loader@7.1.5@babel-loader/lib!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=script&index=0!./src/components/home.
vue webpack打包后图片路径错误的完美解决方法
12-08
找原因发现通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。 因为我们的图片路径都是经历过文件夹的，在本地引用图片是绝对路径，但打包后因为把配置的static文件夹当成了根路径，所以很多图片找不到...
彻底解决 webpack 打包文件体积过大问题
08-30
彻底解决 webpack 打包文件体积过大问题 在使用 webpack 打包文件时，一个常见的问题是打包文件体积过大，影响...通过这些方法，我们可以彻底解决 webpack 打包文件体积过大问题，从而提高网站的加载速度和用户体验。
webpack打包后直接访问页面图片路径错误的解决方法
12-02
然而，在实际使用中，有时会出现webpack打包后直接访问页面时图片路径错误的问题。本文将深入探讨这个问题及其解决方案。 问题描述： 在开发环境中，使用 webpack-dev-server 运行项目时，一切正常，所有资源都能...
详解webpack打包nodejs项目(前端代码)
10-18
2. **静态资源路径问题**：Node.js 设置了静态资源目录，与视图目录同级，导致 Webpack 处理静态资源路径时出错。 3. **PublicPath**：设置不当可能导致 Node.js 无法找到资源。 解决方案如下： 1. **处理 EJS ...
记录一次ERROR in ./node_modules/css-loader?sourceMap!.报错处理
请告诉他
01-23 5747
项目运行多年，win系统本地环境开发成熟，打包到linux也无问题，近日npm install 和npm run dev 后出现报错信息如下 ERROR in ./node_modules/css-loader?sourceMap!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-ae1d291a","scoped":true,"hasInlineConfig":false}!./node_modules/sass-
vue运行报错 error in ./src/main.jsModule build failed (from ./node_modules/babel-loader/lib/index.js)
hyx_1225的博客
02-23 2359
vue运行报错
前端学习（2511）：路径出错
歌谣的博客
11-04 335
./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/ 原因路径出错，引入正确路径即可
【解决】运行vue项目，启动报错 in ./node_modules/@intlify/core-base/dist/core-base.cjs
weixin_64917434的博客
10-11 2万+
如果在项目启动的时候遇到类似的问题，很好理解就是相关@intlify/后面的版本不对了，导致失败。解决方式：直接执行npm install core-js --save-dev命令即可。查了好多方法，没有实现，后来发现。
IOS端调用微信jssdk失败的原因
l的博客
07-05 6959
最近开发一个基于vue的spa应用，在调用微信扫描二维码jssdk的时候发现在ios上有时可以，有时失败，但Android设备上没问题。经过多次测试发现，ios端直接进入需要扫码的页面没问题，从其他页面跳到扫码页的情况下不行。 翻阅微信官方文档，只发现这段话： 与我遇到的情况并不相符。 官方明确给出SPA在每次url变化时进行调用,于是我之前代码是这样的： /*在需要调用微信扫码...
Vue 报错:This dependency was not found大坑
热门推荐
明明的博客
07-01 5万+
报错提示: This dependency was not found: * /components/Lianxi.vue in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue To install it, you ...
webpack3 报错 Error in ./node_modules/@wangeditor/editor/dist/index.esm.js
m0_58565372的博客
09-07 6805
然后再npm run build 项目进行打包，再去运行项目就不报错了。找到自己项目中的webpack.base.conf.js文件。最近在写编译器的需求，经过研究，选择了。编译器，按照官网步骤安装使用，安装完引入。
初次使用vue写项目的一些经验
风烟
12-19 2万+
最近用vue正在写一个项目，本来以为vue很简单，但是还是发现是有一些坑在里面，现在边写边进行总结。首先遇到的就是页面中img中标签的图片src的加载问题，我开始以为是图片应该和组件放在一块，但是发现不行，总是报错。./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=data-v-0d4c5d14!./~/vue-lo
使用terser-webpack-plugin打包出错
05-19
使用 terser-webpack-plugin 打包出错可能有很多原因，以下是可能的一些解决方案： 1. 确认使用的 terser-webpack-plugin 版本是否和 webpack 版本兼容。 2. 检查代码中是否有语法错误、未定义的变量等问题，这些问题可能会导致 terser-webpack-plugin 打包失败。 3. 确认 webpack 配置文件中是否正确地引入了 terser-webpack-plugin，并且配置了相关参数，例如：optimization.minimizer 中添加了 new TerserPlugin()。 4. 尝试升级或降级 terser-webpack-plugin 版本，有些版本可能存在 bug 或兼容性问题。 5. 如果还是无法解决问题，可以尝试使用其他的 JavaScript 压缩工具，例如 UglifyJS、Closure Compiler 等来代替 terser-webpack-plugin 进行打包。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值