webpack安装style-loader、css-loader的(UnhandledPromiseRejectionWarning: TypeError: this.getRes

最新推荐文章于 2022-04-06 19:26:08 发布
原创 最新推荐文章于 2022-04-06 19:26:08 发布 · 227 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#node.js #vue.js #css #javascript #webpack

博客主要讲述了webpack安装style-loader、css-loader时出现‘this.getResolve is not a function’问题的解决办法。原因是webpack与这两个loader版本不兼容，只需安装指定版本的style-loader、css-loader即可，如‘npm i style-loader@0.23.1 --save-dev’。

webpack安装style-loader、css-loader的(node:9860)UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function问题的解决

在这里插入图片描述

原因：webpack与style-loader、css-loader版本不相适用。
办法：安装指定版本style-loader、css-loader即可解决
下面是我的例子。

npm i style-loader@0.23.1 --save-dev
在这里插入图片描述

npm i css-loader@2.0.2 --save-dev

在这里插入图片描述
这样就解决了。
在这里插入图片描述

手把手带你撸一遍vue-loader源码
vv_bug
07-31 3416
前言 前面写过两篇webpack实战的文章： webpack实战之（手把手教你从0开始搭建一个vue项目） 手把手教你从0开始搭建一个vue项目（完结） 强烈建议小伙伴们去看一下前面几个章节的内容， 这一节我们研究一下vue-loader。 介绍 Vue Loader 是什么？ Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件： <template> <div class="example">
(万字) webpack搭Vue项目
所行皆坦途
11-15 4434
1. 我们平时都是使用 vue-cli 脚手架快速搭建项目（vue-cli 基于 webpack），可是我们不知道其中的原理与细节，导致我们在遇到一些细节问题无法自己配置解决。 2. 为了让我们能更好的了解 vue-cli 实现过程，我们需要学习使用 webpack 从一个 index.html 文件从零开始创建一个完整的项目（包含 babel、样式预处理器、vue、webpack插件、dev-server、proxy代理等，各自有关的详细内容可翻看我的主页 3.重点是掌握使用 webpack
【webpack】style-loader错误
novenn
08-22 3719
使用webpack，style-loader出现的错误：ERROR in {project}/node_modules/style-loader/lib/addStyles.js Module not found: Error: Can't resolve './urls' in '{project}\node_modules\style-loader\lib'解决方法： 直接修改{project
echarts控制台打印有数据，但是图显示不出来
weixin_43833610的博客
04-06 6280
原因：axios的异步问题， 解决方法：必须先获取到数据再进行画图 解决部分代码： this.getRes().then(res=>{ // console.log(res) if(res.code==200){ this.factorRes = res.data.data.factorRes; this.factorRes.f
使用webpack打包css出现(node:7176) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a
weixin_50680057的博客
10-23 681
使用webpack打包css出现Module not found: Error: Can’t resolve ’ vue-resource’ 解决方法：在package.json文件中修改css和style的版本
UnhandledPromiseRejectionWarning 错误解决
热门推荐
风格色的博客
02-27 18万+
报错内容(node:2565) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: EACCES: permission denied, unlink '/home/fenggese/workspace/express/code-snippet-web/.nuxt/App.vu
this.getClass().getResource详细讲解
极客蓝天
06-06 1万+
this.getClass().getResource详细讲解
2022年最新前端面试题（大前端时代来临卷起来吧小伙子们..持续维护走到哪记到哪）
fwdwqdwq的博客
03-07 3206
HTML和Css部分 1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也不影响外部。 怎么触发BFC 1. float的值left或right 2. overflow的值不为visible（默认） 3. display的值为inline-block、table-cell、table-caption 4. position的值为absolute（绝对定位）或f
VS Code + Terminal 组合拳：打造轻量高效全栈开发环境的8个必杀配置
!...# 1. VS Code 与终端协同开发的核心理念 在现代软件开发中，编辑器与终端的割裂使用已成为效率瓶颈。VS Code 通过集成终端（Integrated Terminal）实现了“代码编写—执行反馈—调试迭代”的闭环，构建了统一的...
webpack4中遇到的坑
哈哩噜啾啾哈呀呀的博客
04-04 2348
很多坑都是由于版本变化所产生的，我学习的时候看的教程是webpack3的，但是在练习的时候使用的是webpack4，所以把遇到的坑和解决方法整理在这里。 1.babel-loder版本问题及相关报错 报错 Error: Cannot find module ‘@babel/core’ babel-loder是需要安装对应的babel-core版本的，babel-loader 8 对应的 babe...
【webpack4学习记录】使用style-loader、css-loader、sass-loader报错TypeError: this.getOptions is not a function
安之ccy的博客
08-12 1594
使用style-loader、css-loader、sass-loader报错TypeError: this.getOptions is not a function的解决办法
webpack打包中的vue-loader及其依赖插件vue-style-loader
weixin_44349573的博客
04-12 9765
今日在做性能优化，有的同事提出在PC端chrome浏览器上使用dev-tools测试时，有个addStylesToDom()函数耗时很长，于是就这部分我进行了资料查询和分析，结果如下： 光就本问题而言，其实对于我们的项目是没有任何影响的，原因是项目最终上维护的是webpack打包出来的静态static文件+index.html，而这个接口所属插件并不会被最终的静态文件使用，只是在PC端We...
vue vue-style-loader !css-loader错误
li-zhang-yu的博客
12-24 1525
最近在搭建vue框架，使用webpack打包vue项目，在执行npm run start的时候 出现如下错误： This dependency was not found: * !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-co...
Android getResources的作用和需要注意点
wangxiaohigh
08-02 1189
今天做一个Android的文件管理器，里面用到很多的地方用到了getResources。 Drawable currentIcon = null; ……………… currentIcon = getResources().getDrawable(R.drawable.folder); ……………… currentIcon = getResources().getDrawable(R...
Node.js的UnhandledPromiseRejectionWarning: TypeError
櫆溟的博客
05-09 9565
UnhandledPromiseRejectionWarning: TypeError [ERR_INVALID_ARG_TYPE]: The “chunk” argument must be one of type string or Buffer. Received type number at ServerResponse.end (_http_outgoing.js:697:13) node.js的res.end返回数据只能是字符串类型，我因为用的整型而报错。 ...
UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function
Anonymous996的博客
09-05 3486
构建Vue 项目 安装各种插件，直到安装less，编译就卡死在17%进度不动，报错了。检查./build/webpack.base.conf.js配置是否配置有误，再或者是删除node_modules 结果还是报错。。。记得以前安装都是直接使用的。 静下心看是哪一步操作有误，检查一番后发现不是配置问题。百度看了一下别人响应，最后得出的结果就是 less-loader的版本过高，然后直接安装一个npm install less-loader@4.1.0 -s进行覆盖。原先版本是多少也没注意看，是直接安装的，
webpack 3/4踩坑，我太难了，从安装、卸载、到使用，各相应的版本号，sass-loader报错-版本的原因，webpack -v 不识别，没卸载干净...
09-04 5182
-先说卸载： wabpack@4对应的每个插件的版本号都在最后　 1 全局安装的话，npm uninstall webpack -g 有时候并不能卸载干净， 2 webpack -v 可判断是否安装成功，全局安装的可以用这个判断，局部安装的不能 3 卸载不干净导致后面安装其他的都webpack -v识别不了 4 　 先uninstall...
webpack的style-resources-loader：资源自动注入解决方案
style-resources-loader是webpack的一个loader，它专门用于在CSS处理器（如css-loader、sass-loader等）处理之前，向CSS模块中自动注入变量、mixins等资源，从而实现样式的全局复用和主题定制。 ### style-...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值