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

最新推荐文章于 2024-04-19 23:14:50 发布
最新推荐文章于 2024-04-19 23:14:50 发布
阅读量1.7k 收藏
点赞数
文章标签： 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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端启动出现报错，提示vue-cli-service serve的解决办法
m0_67393828的博客
03-02 4703
在命令行中使用命令 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
npm install less-loader报错，无法使用less
weixin_51396911的博客
05-02 453
严格控制版本号 npm install less@3.9.0 less-loader@4.1.0 --save-dev。
npm install less-loader报错及解决办法
一棵星星
03-17 9509
报错情况： 解决办法： npm install less-loader --save-dev --force
vite构建的vue3项目中使用less
LRQQHM的博客
11-24 1093
【代码】vite中使用less。
在项目中安装、使用less-loader、less用于处理less格式文件
最新发布
m0_60452141的博客
04-19 1124
webpack的loader到底是什么样的？两小时带你写一个自己loader。(img-zxJkwmkE-1713539679171)]1、在项目中编写一个special.less文件。3、案例：使用less-loader和less。打开全栈工匠技能包-1小时轻松掌握SSR。谁说前端不用懂安全，XSS跨站脚本的危害。网易内部VUE自定义插件库NPM集成。生产环境下如歌部署Node.js。两小时精通jq+bs插件开发。
#npm报错#style-loader@3.3.1 requires a peer of webpack@^5.0.0 but none is installed. You must install
老衲的少女心i~
01-18 8917
文章目录前言一、翻译二、解决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 的同级，但没有安装。您必须自己
npm安装Webpack报错问题
weixin_47083982的博客
11-08 953
1、npm安装Webpack报错如下图： 2、此时我们设置淘宝镜像如下： npm config set registry https://registry.npm.taobao.org 3、接下来就可以安装成功啦
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是让...
vue-cli构建项目使用 less的方法
11-27
npm install less less-loader --save-dev 即通过npm安装less和less-loader，并记录到devDependencies中，因为这是我们在开发中使用的而非在生产中使用，所以就不将之记录在 dependencies 中。 第二步：在配置文件...
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-...
vue2 less-loader无效解决
路过君的博客
01-25 1804
安装时报警告 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 5万+
    在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" 依赖包缺
解决npm错误总结
yshir
06-30 4556
1、npm WARN extract-text-webpack-plugin@4.0.0-beta.0 requires a peer of webpack@^3.0.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself. 解决方法： npm install webpack@^4.0.0 2、vue-loader@13.7.3 requires a peer of vue-template-com
webpack打包报错
yuguang的博客
02-05 1625
1.报错内容 webpack E:\软件\00_学习文档笔记汇总\vue学习\vue-study-2021\vue-project-20201225\01-webpack的使用\03-webpack的loader\node_modules\async\dist\async.js:966 if (fn === null) throw new Error("Callback was already called."); ^ Err...
vue安装less、less-loader
weixin_51357044的博客
05-27 5110
最近安装这个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-
安装less-loader时报错
m0_70619994的博客
11-07 1767
安装less-loader时报错。
webpack安装以及基础使用
m0_56219678的博客
05-10 1982
webpack安装以及基础使用
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...
vscode配置ts项目下载不了less less-loader css-loader style-loader
08-28
您好！对于在VS Code中配置TypeScript项目下载less、less-loader、css-loader和style-loader这些包的问题，您可以按照以下步骤进行操作： 1. 打开终端或命令行界面，进入您的项目根目录。 2. 确保已安装Node.js和npm。您可以在终端中运行以下命令来检查它们是否已安装并获取其版本信息： ``` node -v npm -v ``` 如果它们未安装，请先安装它们。 3. 初始化一个新的npm项目，创建`package.json`文件。在终端中运行以下命令： ``` npm init -y ``` 4. 安装所需的包。在终端中运行以下命令： ``` npm install less less-loader css-loader style-loader --save-dev ``` 这将会安装less、less-loader、css-loader和style-loader这些包，并将其添加到项目的`devDependencies`中。 5. 在您的TypeScript项目中的`tsconfig.json`文件中，确保您已启用了对`.less`文件的支持。您可以在`compilerOptions`下添加以下配置： ```json { "compilerOptions": { // 其他配置项... "resolveJsonModule": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "outDir": "./dist", "strict": true }, "include": [ "src/**/*.ts", "src/**/*.tsx", "src/**/*.less" // 添加这一行 ], // 其他配置项... } ``` 6. 在您的TypeScript项目中的入口文件（通常是`index.ts`或`main.ts`）中，导入您需要的less文件，以确保webpack能够正确处理它们。例如： ```typescript import './styles/main.less'; ``` 希望这些步骤能够帮助您成功在VS Code中配置TypeScript项目并下载所需的包！如果您有任何其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值