css-loader和style-loader安装时版本问题，解决办法【已解决】——coderwhy老师的教程“2019年coderwhy vue-vuejs从入门到精通教程”

已于 2022-12-26 20:18:37 修改
阅读量854 收藏 4
点赞数 2
分类专栏： vue.js 文章标签： vue.js css javascript
于 2022-12-25 23:22:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fwz123/article/details/128439256
版权

前言：
在学习coderwhy老师的“2019年coderwhy vue-vuejs从入门到精通教程”课程时，css-loader和style-loader安装失败，可以试一下以下方法：
解决办法：

  • 先通过指令npm uninstall css-loader卸载掉已经安装过的css-loader和style-loader
  • 在终端控制台输入：npm install --save-dev css-loader@2.0.1 --legacy-peer-deps（安装css-loader）
  • 在终端控制台输入：npm install --save-dev style-loader@0.23.1 --legacy-peer-deps（安装style-loader）
  • 通过–legacy-peer-deps标志，好像意思是忽视依赖冲突，继续安装——2022.12.25
TRY_121
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
webpack与css-loader、style-loader版本不兼容
weixin_57645299的博客
03-10 4028
webpack与css-loader、style-loader版本不兼容问题解决
webpack安装css-loader和style-loader的版本问题
weixin_43906233的博客
03-27 564
运行指令: npm audit fix (检测项目依赖中的漏洞并自动安装需要更新的有漏洞的依赖，而不必再自己进行跟踪和修复。)
2024基于webpack从0搭建vue项目，vue2
最新发布
2401_84152140的博客
05-04 148
2、 安装完成 在 webpack.config.js 找到 rules 配置 css loader。打包后 会多一个 dist 文件 把 function 去掉了。1、在src，目录下新建一个你的css文件。// 导入自动清除 dist 目录的插件。// 导入自动生成html文件的插件。console.log(‘孙志豪’)// 导入核心模块 path。
根据webpack的版本安装不同版本的css-loader、style-loader
u013594477的专栏
10-21 6602
webpack是前端常见的模块打包工具，但是webpack只能用来处理js代码及其间的依赖。而前端除了js外还有很多文件，包括css、图片等等，这些文件的打包需要webpack的扩展来实现，这个扩展就是loader。 遇到了这样一个问题，webpack安装的版本为3.12.0，使用命令进行全局安装： cnpm indtall webpack@3.12.0 -g 同时要在js文件中引入css文件的话，需要安装css-loader和style-loader对应的依赖，执行以下命令安装 cnpm instal
vue填坑记 ——— stylus、stylus-loader版本问题
qq_43358378的博客
01-18 1214
webpack之插件本版兼容
vue-loader@13.7.3之vue-style-loader加载一堆换行问题
slongzhang的博客
05-26 318
function applyToTag (styleElement, obj) { var css = obj.css // if (css && typeof css === 'string') { // css = css.replace(/(\r\n|\r|\n)+/g,'$1'); // } var media = obj.media var sourceMap = obj.sourceMap if (media) { styleElemen
webpack3.6.0与css-loader和style-loader版本不兼容报错解决以及其他配置
qq_42898366的博客
03-30 4541
使用的是webpack3.6.0 尝试过css-loader2.0.2报错 npm ERR! code ERESOLVE 故降低css-loader版本 最终成功！
css-loader 版本3.0.0
sinat_38728634的博客
07-18 2942
在webpack中设置cssModules时的localIdentName:’[name]_[local]'不识别，只会识别modules:true,可以将版本降至0.28.0或2.1.1等版本
详解从vue-loader源码分析CSS Scoped的实现
10-16
主要介绍了详解从vue-loader源码分析CSS Scoped的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue2.0安装style/css loader的方法
11-29
在Vue 2.0项目中，我们...总之，`style-loader`和`css-loader`是Webpack处理CSS的重要工具，它们使得Vue 2.0项目能够方便地集成和管理外部样式资源。正确配置这两个加载器是构建高效且易于维护的前端项目的基石之一。
解决vue-cli创建项目的loader问题
11-26
在使用vue-cli项目创建项目中，使用sass等预编译css语言时，不需要在config中配置，只需要在项目中安装相应loader即可。 例如： 1、在项目中使用sass $ npm i node-sass -D $ npm i sass-loader -D 2、当使用vuex...
深入理解vue-loader如何使用
08-30
"深入理解vue-loader如何使用" vue-loader是webpack下loader插件，能够将.vue文件输出成组件。下面将深入了解vue-loader的使用和原理。 vue-loader的基本概念 vue-loader是webpack loader插件，能够将.vue文件...
vue-svg-icon-loader:将SVG文件转换为VueJS组件
05-17
适用于Webpack的Vue SVG图标加载器这是一个Webpack加载程序，可将SVG图标转换为可直接导入的vuejs组件。 您可以导入这些文件，然后直接在您的Vue应用程序中使用它们： < template> < div> ...
css-loader 版本号,css-loader
weixin_39844901的博客
08-03 1487
css-loader 会对 @import 和 url() 进行处理，就像 js 解析 import/require() 一样。快速开始如果要使用 css-loader，你需要安装 webpack@5首先，你需要先安装 css-loader： npm install --save-dev css-loader然后把 loader 引用到你 webpack 的配置中。如下所示：file...
css-loader报错
洛洛言
09-30 861
在安装 npm install css-loader@2.0.2 --save-dev。
如何查看css-loader和style-loader对应 webpack版本
Yan65919的博客
05-05 3167
因为初学，问题太多，不断困扰着我，所以笔记多，而且初级，主要为了记录自己遇到的问题 今天问题：安装webpack3.6.0 安装css-loader和style-loader，我轻易认为会根据我本地项目的webpack版本，自动选择安装对应的css-loader和style-loader版本，结果一构建出错，提示：如下 webpack.config.js如下 /* 1、这个文件名是固定的，文件是自建的，建它的目的是在终端不再需要输入webpack ./src/main.js ./dist/bundl
webpack-css-loader版本问题
weixin_45304982的博客
05-09 433
(node:5628)UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function问题解决 原因:版本过高错误,版本不兼容 我的webpack是3.6.0版本，而我的css-loader是5.0.0，从而出现这个错误 解决办法：卸载重装 npm uninstall css-loader //卸载 npm install css-loader@3.0.0 --save-dev //指定版本重装 ..
新版本webpack 打包处理css样第三方-loader配置
qq_41615323的博客
10-21 352
旧版本 { test: /\.css$/, use: ['style-loader', 'css-loader?modules&localIdentName=[path][name]-[local]-[hash:5]'] } 新版本 module.exports = { module: { rules: [ { test: /\.css$/...
不同版本webpack 适配css-loader、style-loader
weixin_42689772的博客
10-17 990
前往github搜索自己需要的loader 这里以css-loader为例。打开tags 选择版本 打开package.json 文件查看。npm install -S css-loader@版本号。查看这里的webpack 对应版本。查询自己的webpack版本。
vue2安装vue-style-loader!css-loader
04-27
你可以通过以下命令来安装 vue-style-loader 和 css-loader： ``` npm install vue-style-loader css-loader --save-dev ``` 或者 ``` yarn add vue-style-loader css-loader --dev ``` 安装完成后，在 webpack ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值