关于webpack下载loader时遇到的问题

已于 2022-09-28 19:05:52 修改
阅读量240 收藏
点赞数 2
文章标签： javascript 前端 开发语言
于 2022-08-29 11:00:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Love_Susan_/article/details/126580552
版权

错误：You may need an appropriate loader to handle this file type.

下载0.28.0版本

在看Vue视频时，webpack无法下载css的loader

记录一下我是怎么下完的，同时以后可能会再有问题，还会回来查一下

b1cda44066ab44e4969cc67692690c3c.png

2022年8月18日

2488c206a14248d6a7df7198eedadf02.png

有了css，就要下载style的loader

这个版本是0.23.1

235b4b6c3f8f43528e4ccd1219da89e3.png

这个是安装less的版本

我下的是4.1.0 

2022年8月29日

761e10590c15484eb0cc6dc2d81a7029.png

图片文件，安装的时候也是需要loader的版本为1.1.2 

b5dc573d19434f6ab69f3260cd556bf1.png

当图片大于 limit时，想需要file-loader，版本为2.0.0

错误：Cannot find module 'file-loader'

2022年8月30日

 

ES6语法处理

npm install --save-dev babel-loader@7 babel-core babel-preset-es2015

49a40bdd55434cb49b0ecb205b0e4e52.png

 2022年9月19日

 

Love_Susan_
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IDEA安装插件失败的完美解决方案，提示：was not installed: Cannot download......Read timed out
道阻且长，行则将至
04-20 4万+
针对详细错误信息： Plugin CheckStyle-IDEA was not installed: Cannot download 'https://plugins.jetbrains.com/pluginManager/?action=download&id=CheckStyle-IDEA&build=IU-171.4694.70&uuid=ca68de13-434...
sass-loader下载不了的解决办法，手动下载
E的小小地方
08-19 2353
先下sass-loader依赖： npm i sass-loader -D 先下node-sass依赖： npm i node-sass -D 大功告成！ 如果你怕你手动下载版本与团队开发版本冲突，可以指定版本 npm i node-sass@xxx -D xxx代表需要的版本 ...
npm缺少css-loader，/style-compiler，stylus-loader问题，npm没有权限无法全局更新问题【已解决】...
diaozhenchun1690的博客
10-17 765
ERROR in ./node_modules/css-loader!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-a5e4f82a","scoped":false,"hasInlineConfig":false}!./node_modules/stylus-loader?{"import":[...
webpack3.6.0安装css-loader时报错：(node:7496) UnhandledPromiseRejectionWarning: TypeError: this.getResolve
vi_to的博客
02-07 947
报错的原因：(node:7496) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function 原因是说版本不对，我webpack安装的是3.6.0的版本，但是在安装css-loader时按照官网上的直接安装：npm install --save-dev css-loader跳转css-loader官网，安装的是最新版本，于是在打包时就会出现这个报错， 现在只需要卸载重新安装就可以了： npm uninsta
根据webpack的版本安装不同版本的css-loader、style-loader
u013594477的专栏
10-21 6224
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
Webpack：知识点总结以及遇到问题的处理办法
01-08
配置自动打包相关参数：7.webpack 中的加载器：8.loader加载器的基本使用：9.Vue单文件组件：10.webpack 打包发布：11.以上所有配置 webpack.config.js 截图 0.官方文档： 点击这里进入官方文档 1.webpack概述： ...
riottag-loader:用于riotjs的Webpack加载器
05-17
如果遇到问题，请随时打开问题或请求请求。 提前致谢！安装您可以通过NPM或Yarn安装此加载程序 npm install riottag-loader或者 yarn add riottag-loader用法进入您的webpack.config.js文件，并将以下内容添加到...
webpack3.0升级4.0的方法步骤
11-21
为了提升打包效率，在webpack3.11基础之上做了升级，webpack4.0发布以来，零配置的webpack对项目本身提供的“打包”和“压缩”功能已经做了优化，如果在项目开始使用4.0而不用vue-cli的默认配置，遇到的问题或许能少...
webpack之引入图片的实现及问题
12-09
当我们基于webpack进行开发时，引入图片会遇到一些问题。 其中一个就是引用路径的问题。拿background样式用url引入背景图来说，我们都知道，webpack最终会将各个模块打包成一个文件，因此我们样式中的url路径是相对...
Webpack打包慢问题的完美解决方法
12-03
但是开发过程中遇到一个很棘手的问题就是，React 加上 React-Router、superagent、eventproxy 这些第三方轮子一共有好几百个 module，Webpack 的打包速度极慢。这对于开发是非常不好的体验，同时效率也极低。 问题...
webpack-babel-loader
08-26
webpack入门和实战(二)：全面理解和运用loader和plugins,理解babel-loader加载器的使用
webpack安装css-loader和style-loader的版本问题
weixin_43906233的博客
03-27 542
运行指令: npm audit fix (检测项目依赖中的漏洞并自动安装需要更新的有漏洞的依赖，而不必再自己进行跟踪和修复。)
vue-loade和vue的版本问题，webpack5
weixin_43466258的博客
05-17 1567
npm add -D [email protected] vue-loader@15.9.8 const { VueLoaderPlugin } = require("vue-loader"); // vue加载器 // 使用node语法获得动态路径 const path = require("path"); module.exports = { // 入口 entry: "./src/main.js", // 出口 output: { path: path.r
Css-loader安装失败,webpack打包css文件时，确认css-loader和style-loader安装正确，import路径都正确，打包反复报错...
weixin_35235724的博客
08-03 868
webpack打包css文件时，确认css-loader和style-loader都安装正确，且import路径都正确，打包反复报错：ERROR in ./src/assets/styles/test.css 1:0Module parse failed: Unexpected token (1:0)You may need an appropriate loader to handle this...
npm install --save-dev css-loader
ZYL_sdarling的博客
03-19 599
1）出现问题 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: meetwebpack@1.0.0 npm ERR! Found: webpack@3.12.0 npm ERR! node_modules/webpack npm ERR! dev webpack@"^3.6.0" from the root project npm ER
webpack3.6.0与css-loader和style-loader版本不兼容报错解决以及其他配置
qq_42898366的博客
03-30 4429
使用的是webpack3.6.0 尝试过css-loader2.0.2报错 npm ERR! code ERESOLVE 故降低css-loader版本 最终成功！
webpack-css-loader版本问题
weixin_45304982的博客
05-09 413
(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-load版本太高报错问题
颠覆我的整个世界，只为摆正你的身影
08-27 3451
ERROR in ./src/style.css Module build failed (from ./node_modules/_css-loader@4.2.2@css-loader/dist/cjs.js):Error:Cannot find module ‘cssesc’ 问题描述 npm install -D css-loader style-loader npm install -D node-sass sass-loader npm install -D less less
npm 有时候无法下载或者安装的问题解决办法（nodejs）
热门推荐
daiqinge的博客
10-25 3万+
参考文档：http://blog.csdn.net/eagyne/article/details/53780653 1. 问题情景1，npm无法下载 （1）问题描述： 使用nodejs 下载一些工具，由于国内访问很多外网的限制，会出现下载失败的问题， 比如下载命令npm install -g create-react-app安装create-react-app的时候出现错误， （2...
webpack中loader作用
最新发布
04-29
上面的配置说明了当Webpack遇到CSS文件时，先使用css-loader将CSS文件转换为JavaScript模块，再使用style-loader将该模块转换为一个内联的style标签；当Webpack遇到图片文件时，直接使用file-loader将图片文件复制到...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值