安装了 npm install --save-dev less-loader style-loader less 警告，运行报错了

最新推荐文章于 2023-11-09 19:47:12 发布
最新推荐文章于 2023-11-09 19:47:12 发布
阅读量1.8k 收藏
点赞数
文章标签： vue vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songbai1211/article/details/111300654
版权

安装了 npm install --save-dev less-loader style-loader less

警告

npm WARN ajv-keywords@2.1.1 requires a peer of ajv@^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN less-loader@7.1.0 requires a peer of webpack@^4.0.0 || ^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN style-loader@2.0.0 requires a peer of webpack@^4.0.0 || ^5.0.0 but none is installed. You must install peer dependencies yourself. 

然后运行   myvue npm run dev 直接报错                     

> myvue@1.0.0 dev /Users/log/Desktop/vue/myvue
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 13% building modules 28/31 modules 3 active ...ers/log/Desktop/vue/myvue/src/App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
 14% building modules 41/44 modules 3 active .../vue/myvue/src/components/layouts.vue(node:59865) UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a function
    at createWebpackLessPlugin (/Users/log/Desktop/vue/myvue/node_modules/less-loader/dist/utils.js:36:33)
    at getLessOptions (/Users/log/Desktop/vue/myvue/node_modules/less-loader/dist/utils.js:153:33)
    at Object.lessLoader (/Users/log/Desktop/vue/myvue/node_modules/less-loader/dist/index.js:31:49)
    at LOADER_EXECUTION (/Users/log/Desktop/vue/myvue/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
    at runSyncOrAsync (/Users/log/Desktop/vue/myvue/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
    at iterateNormalLoaders (/Users/log/Desktop/vue/myvue/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
    at iterateNormalLoaders (/Users/log/Desktop/vue/myvue/node_modules/loader-runner/lib/LoaderRunner.js:221:10)
    at /Users/log/Desktop/vue/myvue/node_modules/loader-runner/lib/LoaderRunner.js:236:3
    at Object.context.callback (/Users/log/Desktop/vue/myvue/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at Object.module.exports (/Users/log/Desktop/vue/myvue/node_modules/vue-loader/lib/selector.js:21:8)
    at LOADER_EXECUTION (/Users/log/Desktop/vue/myvue/node_modules/loader-runner/lib/LoaderRunner.js:119:14)
    at runSyncOrAsync (/Users/log/Desktop/vue/myvue/node_modules/loader-runner/lib/LoaderRunner.js:120:4)
    at iterateNormalLoaders (/Users/log/Desktop/vue/myvue/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
    at /Users/log/Desktop/vue/myvue/node_modules/loader-runner/lib/LoaderRunner.js:205:4
    at /Users/log/Desktop/vue/myvue/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:70:14
    at processTicksAndRejections (internal/process/task_queues.js:75:11)
(Use `node --trace-warnings ...` to show where the warning was created)
(node:59865) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:59865) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
 15% building modules 46/47 modules 1 active .../vue/myvue/src/components/layouts.vue^C%      

解决办法

先卸载 

npm uninstall less-loader

然后重新安装对应的版本

npm install less-loader@5.0.0 -D

 

 

 
songbai1211
关注
npm install --save-dev less-loader less 报错
qq_47230378的博客
04-09 1972
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: css-loader@2.0.2 npm ERR! Found: webpack@5.72.0 npm ERR! node_modules/webpack npm ERR! peer webpack@"^5.0.0" from less-loader@10.2.0 npm ERR! node_modules/les..
npm install sass-loader node-sass -D报错三步解决？
ITCSDN_的博客
08-18 2498
npm install sass-loader node-sass -D报错：错误展示解决办法第一步第二步第三步 错误展示 错误结果： 下面是一些相关的错误信息： npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the node-sass@4.1
#npm报错#style-loader@3.3.1 requires a peer of webpack@^5.0.0 but none is installed. You must install
老衲的少女心i~
01-18 9172
文章目录前言一、翻译二、解决1.下载目标版本webpack2.读入数据总结 前言 我在项目中想要引入echarts的时候报错： style-loader@3.3.1 requires a peer of webpack@^5.0.0 but none is installed. You must install peer dependencies yourself. 一、翻译 这段话的意思是：style-loader@3.3.1 需要 webpack@^5.0.0 的同级，但没有安装。您必须自己
Vue npm install --save-dev less-loader less 报错
洛洛言
09-30 470
npm install --save-dev less-loader less 报错
npm i less less-loader --save 和 npm install less less-loader --save-dev 有何不同
最新发布
z141020的博客
11-09 379
但是，这会将它们作为运行依赖项添加，而不是开发依赖项。这意味着这些包不仅会在你开发项目时使用，而且会在你运行项目时使用。这两个命令在主要的用法上是一样的，都会安装特定的npm包。然而，它们之间的区别在于安装的包是被作为开发依赖项还是运行依赖项。这意味着这些包只会在你开发项目时使用，而不是在运行项目时使用。总的来说，这两条命令的主要区别在于它们将包添加到。文件的方式不同，而不仅仅是安装包的用途。，并将它们作为开发依赖项添加到。
npm install less-loader报错及解决办法
一棵星星
03-17 9680
报错情况： 解决办法： npm install less-loader --save-dev --force
用npm安装css-loader和style-loader出错
CodAlun的博客
04-20 5210
错误显示 lenovo@Aiun MINGW64 /f/FrontEnd/Project/aiunmall-fe (aiunmall-v1.0) $ npm install css-loader style-loader --save-dev npm ERR! Windows_NT 10.0.18363 npm ERR! argv "D:\\LearnSoftware\\Node\\node.exe" "D:\\LearnSoftware\\Node\\node_modules\\npm\\bin\\np
less-loader:编译不到CSS
04-29
$ npm install less less-loader --save-dev 然后将加载程序添加到您的webpack配置中。 例如： webpack.config.js module . exports = { module : { rules : [ { test : / \. less $ / i , loader : [ // ...
vue-cli如何添加less 以及sass
12-01
npm install sass-loader --save-dev 如果是淘宝镜像直接运行cnpm是一样的效果 然后在组件或者视图中给样式加上语言就可以了 <style lang="sass" scoped> ..... </style> 这里需要说明一下scoped是让...
Webpack中css-loader和less-loader的使用教程
12-03
npm install less less-loader --save-dev ``` 然后更新`webpack.config.js`中的配置： ```javascript module.exports = { // ... module: { rules: [ { test: /\.less$/, use: ['style-loader', 'css-...
vue启动的时候报错了requires a peer of webpack@^4.0.0 but none is installed.
lambertwe的博客
10-13 2万+
npm install npm WARN css-loader@1.0.1 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself. audited 14682 packages in 8.843s found 3 moderate seve...
code ERESOLVE， ERESOLVE could not resolve
qq_46199553的博客
02-04 2723
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: biyedurg@0.1.0 npm ERR! Found: webpack@4.46.0 npm ERR! node_modules/webpack npm ERR! peer webpack@"^4.0.0" from @intervolga/optimize-cssnano-plugin@1.0.6 npm ER
vue安装less-loader报错
weixin_45517927的博客
03-31 4206
问题描述 在vue项目中，如果组件内style的声明上加上lang='less' <style lang='less' scoped> </style> 则表示可以使用less语法。在写完less/css运行后，可能会报如下错误。 出现原因 由于less-loader版本过高引发 npm uninstall less-loader // 卸载 npm install less-loader@7.0.0 // 安装 备注 截至我当前日期2021/3/31 : vue版本为3.0.
vite构建的vue3项目中使用less
LRQQHM的博客
11-24 1121
【代码】vite中使用less。
npm安装Webpack报错问题
weixin_47083982的博客
11-08 997
1、npm安装Webpack报错如下图： 2、此时我们设置淘宝镜像如下： npm config set registry https://registry.npm.taobao.org 3、接下来就可以安装成功啦
前端启动出现报错，提示vue-cli-service serve的解决办法
m0_67393828的博客
03-02 5121
在命令行中使用命令 npm run dev运行从网上下载的一个vue项目时出现了以下报错： npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! ruoyi@3.6.0 dev: `vue-cli-service serve` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the ruoyi@3.6.0 dev script. npm ERR! This is probably not a problem
vue2 less-loader无效解决
路过君的博客
01-25 1825
安装时报警告 less-loader@10.2.0 requires a peer of webpack@^5.0.0 but none is installed. You must install peer dependencies yourself. 项目中使用less样式时报错 ERROR Failed to compile with 1 error error in ./src/App.vue?vue&type=style&index=0&lang=less&amp
解决“npm WARN requires a peer of XXX“问题
热门推荐
sanqima的专栏
11-12 6万+
    在NodeJs开发中，往往需要安装各种依赖包，而有时候这些依赖包版本更新了或者改成了另外一个包名，导致npm install会报“require a peer of XXX”之类的warning。解决方法，就是缺啥就补啥，命令如下： npm install --save-dev "XXX"     比如，warning报“requires a peer of eslint@>=6.2.2 ”，如图(1)所示： 图(1) warning报"eslint@>=0.62.2" 依赖包缺
vue安装less、less-loader
weixin_51357044的博客
05-27 5166
最近安装这个less一直报错，要么是less要么是less-loader，各种百度各种不行，最终我这个方法安装成功了 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @vue/eslint-config-standard@6.1.0 npm ERR! Found: eslint-plugin-vue@8.7.1 npm ERR! node_modules/eslint-
vscode配置ts项目下载不了less less-loader css-loader style-loader
08-28
npm install less less-loader css-loader style-loader --save-dev ``` 这将会安装less、less-loader、css-loader和style-loader这些包，并将其添加到项目的`devDependencies`中。 5. 在您的TypeScript项目中的`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值