webpack打包遇到过的问题

最新推荐文章于 2023-03-17 10:08:32 发布
最新推荐文章于 2023-03-17 10:08:32 发布
阅读量237 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： webpack json ViewUI
原文链接：http://www.cnblogs.com/fangnianqin/p/9850361.html
本文主要介绍了使用Webpack打包过程中遇到的三个常见问题及其解决方案：1. 打包后html文件打开是空白页面，通过修改assetsPublicPath路径解决；2. 运行webpack-dev-server报错，重装package.json依赖包解决；3. 打包后背景文件路径显示错误，调整utils.js中publicPath路径解决。

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

1、打包后html文件打开是空白页面，报错信息如图所示：

1354858-20181025155255175-1693429435.png

解决办法：这里主要是将assetsPublicPath的路径从'/'改为'./'就好了。 （'/'表示根目录；'./'表示当前目录）

1354858-20181025155028164-1518192209.png

2、运行webpack-dev-server 报错：Cannot find module 'isexe'

1354858-20181106093911545-1013301379.png

解决办法：重装一下package.json中的依赖包

3、打包后背景文件的路径显示不对：

解决办法：在utils.js文件中加上 publicPath:'../../',
1354858-20190710140415918-307696834.png

转载于:https://www.cnblogs.com/fangnianqin/p/9850361.html

完美解决webpack打包css背景图片路径问题
11-20
在vue组件的style标签内部有如下一段使用背景图片的css代码 background-image: url("../assets/img/icon_add.png"); 在webpack中css-loader的解析配置如下 { test: /\.(css|less)$/, exclude: path.resolve(__dirname, 'node_modules'), use: ['style-loader', 'css-loader', 'less-loader'] } 打包后在dist目录的发现没有css文件。这是因为css
webpack打包遇到的问题
Little_naive的博客
09-18 549
1.第一个bug 详解:在这里我是把整个swiper文件下载了   引入到文件中 2.第二个bug 注意安装了babel-loader就需要安装babel-core 详解:就是babel-loader安装的版本在8.0之后就变了   具体是为什么我就不知道了  请大神指教一二    然后我通过npm view 要查找的框架名称 versions这个命令查看到babel-load...
webpack打包时遇到的问题
Lily_miao的博客
12-21 695
最近在项目打包时总是打包不成功，报错如下图所示： 报错原因：是因为nodejs的版本太高不稳，当时用的nodejs的版本是10.6.0。 解决方式： 在网上搜了一下，v8版本的nodejs相对要稳定一些，建议安装8.9.4版本的nodejs，重新安装node环境之后打包就没有报错了。 其他版本的nodejs下载链接：http://nodejs.org/dist/ 解决方式补充： ...
关于webpack打包出现的几种bug
takeingloop的博客
07-01 3420
这贴记录一下关于webpack打包遇到的bug，及解决方案 因为之前着手做个几个小项目，需要到的node版本不一，所以安装了nvm以用来切换，但在这webpack打包时遇到很多小问题，着实耗费了大量时间，想给大家避避坑。 贴一下之前的错误报告： Error: EINVAL: invalid argument, mkdir ‘C:\remaining\‪C:\nvm\nodejs\node_global’ 这问题是.npmrc文件配置问题了，因为当时webpack采用的是局部安装，运行后报错，根据错误语
webpack 4.x 使用中遇到的问题及解决办法
sinat_16979249的博客
06-01 564
webpack 4.x 使用遇到的问题及解决办法 发稿时我的webpack环境： “webpack”: "^4.32.2" #1 TypeError: Cannot read property ‘bindings’ of null 此问题解决办源自：webpack打包踩坑之TypeError: Cannot read property ‘bindings’ of null 原因：可能没装babel...
问题杂记-webpack使用遇到的问题
a8725585的博客
04-04 348
1、fileSystem.statSync is not a function出现情景：使用babel进行es6转换时原因：webpack版本与babel-loader不匹配解决：使用相匹配的版本如果babel-loader >= 7.0.0 那么webpack >=2.2.0 如果webpack 1.x请用babel-loader 6.x 注意事项: npm i -D -g w...
vue webpack init 创建项目打包出错（webpack打包空白页） --解决方案
weixin_43677787的博客
01-15 292
1.npm run build 报错信息 解决方案：build文件夹–>utils.js–>cssLoader(ctrl+f) --> 添加 const cssLoader = { loader: 'css-loader', options: { sourceMap: options.sourceMap, minimize: true } } 解决报错成功。 2. dist文件夹下–>index.html(打开) 问题：显示空
解决webpack打包报错： Cannot find module '@webassemblyjs/wasm-parser'
一劍傾城
02-24 5654
解决webpack打包报错： Cannot find module '@webassemblyjs/wasm-parser' 出现这个错误时，百度和谷歌中都搜索不出个所以然出来，后来看了一下webpack官网，说建议安装node最新版本： 前提条件 在开始之前，请确保安装了 Node.js 的最新版本。使用 Node.js 最新的长期支持版本(LT...
配置webpack自动打包功能报错：Cannot find module ‘webpack-cli/bin/config-yargs‘
YHxiaohao的博客
04-16 1055
查阅网上有关报错改正，首先应该看的是报错信息： 解决方案一：（https://blog.youkuaiyun.com/wozhenhaokan/article/details/110232955，https://www.cnblogs.com/jeacy/p/13864454.html） 然后查阅自己的package.json文件中的devDependencies安装的webpackage版本属性 在此注意，webpack-cli 4.x版本是没有这个config-yargs这个文件的，3.x版本才有这个
在使用Webpack打包工具出现错误：Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
China_destiny的博客
11-08 1167
在使用Webpack打包工具出现错误：Error: Cannot find module 'webpack-cli/bin/config-yargs' 出现这个错误的原因是，在2020年10月底webpack进行了版本更新，从@4.xx版本更新到了@5.xx版本，而webpack-dev-server却没有更新这就导致了webpack的版本和webpack-dev-server的版本不兼容造成的错误 提示错误的代码： Error: Cannot find module 'webpack-cli/bi
webpack打包前端项目报错 Error: Cannot find module '@babel/core'错误
S852509769的博客
11-22 1515
据上述错误显示，我安装的 babel-loader版本和babel-core版本不匹配， 两种方法解决： (1)、babel-loader@8需要babel 7(babel-core). (2)、如果要使用babel-core 6,需要安装babel-loader@7的版本。使用命令npm uninstall babel-loader  ，然后使用 npm install babel-...
Webpack打包失败 提示Error: Cannot find module ‘fs/promises‘
Shameful的博客
03-17 1146
Webpack打包失败 提示Error: Cannot find module 'fs/promises'
vue项目Error: Cannot find module ‘xxx’类报错的解决方法
热门推荐
weixin_42216142的博客
02-13 17万+
项目中需要新下载一个插件，当时网络不是特别好，下载失败了，后来不知道怎么项目就跑不起来了。 运行cnpm install没问题，运行cnpm run serve就会报错： internal/modules/cjs/loader.js:583 [app-scripts] throw err; [app-scripts] ^ [app-scripts] [app-scripts] Error: Can...
出现Cannot find module 'xxx' 错误
程序媛小小平的博客
01-10 5万+
在进行webpack打包的时候，会出现Cannot find module 'XXX’的错误，找不到某个模块的错误，今天给出解决方法： 直接进行npm install重新打包； 如果npm install重新打包之后，仍然出现这个问题，可以进行删除node_modules文件夹，同时清除缓存，如下命令：rm -rf node_modules npm cache clean npm insta...
Node.js Cannot find module 'xxx' 问题解决
freeman983
01-16 1万+
使用npm install -g 'xxx' 之后仍然报 Cannot find module 'xxx' 错误，可以通过设置环境变量来解决； [code="java"] export NODE_PATH=/usr/local/lib/node_modules/ echo $NODE_PATH [/code]...
node.js cannot find module "xxx"解决方法
11-08 4万+
node.js找不到xxx 这个模块的解决方法。 按顺序来。 1.检查一下是否拼写错误。 2.这个模块是自己写的，是的话。检查一下路径是否正确。3.如果是导入的模块。用 npm list这个命令输出一下，是否有这个模块。没有的话，安装一下 4.另外注意一下，全局模块安装目录默认为users/用户/node_modules 下面 。而你的项目读取的模块是你的安装目录（有可能这两个目录是不同的）
关于node下载的模块无法使用（Cannot find module）解决方法
词庸
08-02 6万+
这个问题困扰了我很久，也按百度上各式各样的方法试了没有用 今天和导师远程，知道了问题在哪，我用webstorm编译器进行演示 若使用其他编译器，可按下述原理进行修改 原理(在当前工程文件夹下要有一个package.json文件，并在此工程下安装npm模块，安装后会出现一个node_modules文件夹，里面包含着下载的模块) 过程： 测试代码： 此时运行，结果如下图， 显示
Vue项目启动后Error: Cannot find module ‘xxx’的解决方法
东乡阳旭的博客
12-24 2万+
Vue项目启动后Error: Cannot find module ‘xxx’的解决方法
webpack打包遇到的问题和解决方案
zzdoreen的博客
04-16 4101
目录 webpack命令打包提示 - The 'mode'option has not been set,webpack will falback to 'production' for this value.... webpack命令打包错误提示 - Module not found: Error: can't resolve '.\dist\bundle.js' in ......
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值