（已解决）webpack打包css报错

最新推荐文章于 2024-09-12 17:57:15 发布
最新推荐文章于 2024-09-12 17:57:15 发布
阅读量742 收藏 1
点赞数 2
文章标签： webpack
原文链接：https://blog.csdn.net/qq_43379916/article/details/109190506
版权

UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function

学习webpack中容易踩一个版本过高的坑

版本过高错误

在这里插入图片描述

问题描述

比如我的webpack是3.6.0版本
而我的css-loader是5.2.0
这里就会出现这个错误

查看css-loader 和 style-loader的版本信息

https://www.npmjs.com/package/css-loader
https://www.npmjs.com/package/css-loader

问题解决

1，查找对应的匹配版本信息
2，手动设置，然后采用npm install 重新下载
3，卸载重装
pm uninstall css-loader //卸载
npm install css-loader@3.0.0 --save-dev //指定版本局部安装

在这里插入图片描述
在这里插入图片描述

fy_code
关注
[vuepress] TypeError: Cannot destructure property `createHash` of ‘undefined‘ or ‘null‘.
qubes的专栏
10-18 593
error 启动vuepress时报错 原因：项目中使用了webpack3，如果用npm方式来安装vuepress(v1.4.x)会出现安装依赖出错 resolution1 使用yarn代替npm安装，再次启动vuepress即可 npm uninstall vuepress yarn add -D vuepress resolution2 将vuepress工程独立出来，这样就不会被项目本身使用webpack3干扰 ...
webpack 打包错误
qq_27009517的博客
03-09 2892
PS D:\front-end-interview\webpack\WebpackDemo-master\demo3> webpack (node:399648) [DEP_WEBPACK_MAIN_TEMPLATE_GET_ASSET_PATH] DeprecationWarning: MainTemplate.getAssetPath is deprecated (use Compilation.getAssetPath instead) (Use `node --trace-de...
修复bug: TypeError: __webpack_require__(...) is not a function
weixin_33798152的博客
11-01 5439
TypeError: __webpack_require__(...) is not a function 当前项目使用react+redux+postcss+webpack+ant实现的，本地开启了热更新以及自动刷新。更改js的时候可以正常编译以及刷新浏览器。可是每次修改css保存的时候页面就会报这个错误。很无奈，不知道如何修改。这可能...
【已解决】TypeError: Cannot destructure property `createHash` of ‘undefined‘ or ‘null‘
dream317
03-13 3617
npm run build的时候出现以下异常： TypeError: Cannot destructure property `createHash` of 'undefined' or 'null' 经查，是webpack版本原因，直接升级版本到最新吧，即可解决！ npm add webpack@latest
vue init webpack创建项目报错TypeError
大圣归来圣骑士清欢的博客
12-25 769
再次执行 vue init webpack vue-demo。使用nvm查看已经安装的node进行切换版本即可。问题根源：node版本过低导致。切换到16.19.0。
【vue3】vue3 实践中遇到的问题
hzxOnlineOk的博客
03-24 1928
今天尝试用 vue 3 写个小 Demo，想写个路由（用的 vue-router: ^4.1.3），在修改 App.vue 文件这一步的时候，运行到 Google Chrome 就报错了：Uncaught TypeError: Cannot destructure property ‘options’ of ‘inject(…或者报错提示信息为：Uncaught TypeError: Cannot destructure property ‘options’ of '(0 , vue__WEBP…
webpack打包css
qq_29116547的博客
03-31 202
注意：写这个笔记的时候webpack版本是： $ webpack -v 4.29.6 本地安装webpack npm init -y npm install webpack webpack-cli --save-dev 要捆绑lodash依赖项index.js，需本地安装库 npm install --save lodash css配置 npm install --save...
webpack打包css报错（已解决）：UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
qq_45914170的博客
01-07 4505
UnhandledPromiseRejectionWarning错误解决 今天在学习codewhy老师的webpack课程时，安装webpack的loader时，报了下面这些错误 (node:13936) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function at Object.loader (D:\桌面\前端代码\vue\webpack\learnWebpack-01\webpack的配置\no
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
Vue-cli项目中引入css报错的原因分析 在使用Vue-cli搭建项目时，遇到...本文详细介绍了Vue-cli项目中引入css报错的问题原因分析和解决方法。希望这个解决方法能够帮助大家在开发Vue-cli项目时 避免类似的报错问题。
webpack打包css相关
Holly1945的博客
01-07 859
css loader style-loader MiniCssExtractPlugin.loader css-loader postcss-loader less-loader scss-loader … css 文件分离 模块化 mini-css-extract-plugin 插件 { test: /\.css$/i, use: [ MiniCssExtractPlugin.loader, { loader: 'css-loader',
webpack配置导致字体图标无法显示的解决方法
08-27
本文主要讨论了在使用Webpack打包项目时，如何解决因配置错误导致的字体图标无法正确显示的问题。首先，当开发者在使用字体图标时，如果遇到所有图标都无法显示，并伴有解码字体错误的提示，通常这意味着Webpack在...
基于react项目打包css引用路径错误解决方案
01-18
执行npm start 一切正常, 但是 npm run build 之后生成的打包文件只能在根目录访问 这样放在服务器目录就访问不到了 报错为 手动更改index.html的路径之后又报静态资源引入错误 报错 解决方案 解决： 在...
解决：使用前端路由时的报错Cannot destructure property ‘options’ of ‘(0 , vue__WEBPACK_IMPORTED_MODULE_1__.inject)
li0509_的博客
11-16 6890
vue前端路由报错解决：Cannot destructure property ‘options’ of ‘(0 , vue__WEBPACK_IMPORTED_MODULE_1__.inject)(…)’ as it is undefined.
错误：TypeError: Cannot destructure undefined
菜鸟Li
11-14 5669
今天写弹窗的时候突然出现了以下错误，以前没有见过，记录以下以供和我同样问题的朋友参考（ps：以下解决的方法可能不是唯一一种，谨慎参考） 错误代码： TypeError: Cannot destructure undefined 解决方法： 错误原因是因为有一个空的payload，去掉错误即可消失 ...
Uncaught TypeError: Cannot destructure property ‘dialog‘ of ‘require(...).remote‘ as it is undefined
qq_41685731的博客
03-25 4944
解决 Uncaught TypeError: Cannot destructure property ‘dialog’ of ‘require(…).remote’ as it is undefined. 从v9版本开始，remote除非将设置enableRemoteModule为true，否则不允许在渲染器上使用。 const mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { preload:
解决react报错 TypeError:_WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function
Ahuiyo的博客
12-05 1万+
react引用react-redux运行时出现下列报错： TypeError:_WEBPACK_IMPORTED_MODULE_0_react___default.a.createContext is not a function 具体如图： 原因有两种： 与安装的React版本有关。它仅在React版本 > 16.3中可用 react-redux版本更新到6.0以上，版本过高   这...
TypeError: Cannot destructure undefined
Ryan_black的博客
11-22 1万+
在Vue开发时遇到的一个bug,太容易忘记了,记一个笔记: 挺烦的一个bug,只知道好像是解构出了问题,但是不知道是哪里的问题,仔细看了一下,我发现有两个问题: 问题一: 解构的数据一定是要有值在里面的,没有值的解构是一定不可以的. let {} = this.props; //错误示范 let { data }=this.props; //正确写法 问题二: 解构的时候想要给予一个对象...
解决TypeError: Cannot read properties of undefined (reading ‘NormalModule‘)的四种方案
热门推荐
提笔忘字的帝国
05-11 5万+
ERROR TypeError: Cannot read properties of undefined (reading 'NormalModule') TypeError: Cannot read properties of undefined (reading 'NormalModule') at VueLoaderPlugin.apply (E:\aqy-app\node_modules\vue-loader-v16\dist\pluginWebpack5.js:44:47) at
解决 webpack 配置 sass-loader后报错，无法正常build
最新发布
Dou_Hua6的博客
09-12 630
sass-resources-loader 主要用于将 Sass 变量、混入（mixin） 和 函数 等工具类样式注入到每个 scss 文件的作用域中。这意味着 sass-resources-loader 不会将实际的样式插入到每个 scss 文件中，而是仅仅将变量和混入等工具类代码注入。如果你在全局引入的 scss 文件中包含普通的 CSS 样式（如选择器和样式定义），这些样式会被反复注入到每个 scss 文件中，导致不必要的重复和冲突。变量、混入和函数等工具类样式。
vue安装compression-webpack-plugin后打包报错
08-28
在Vue项目中安装`compression-webpack-plugin`插件后，可能会遇到打包时报错的情况。`compression-webpack-plugin`是一个用于压缩Webpack构建产出的静态资源（如CSS、JS）的插件，但在添加它之前需要确认几个步骤： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值