npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! Vue开发中安装库经常报错

本文介绍了在Vue开发中遇到的安装库错误、模块找不到错误及样式加载失败等问题的解决方案。通过添加`--legacy-peer-deps`解决npm安装问题,检查Vue和Vuex版本匹配来修复Vuex dispatch未定义的错误,以及确认CSS文件引入正确性来处理样式加载错误。
摘要由CSDN通过智能技术生成

Vue开发中安装库或者插件时候经常报错

在这里插入图片描述

解决方案

在安装内容的命令后面加上

--legacy-peer-deps

如:

PS E:\web\project-SHP\app\src> npm i less-loader --legacy-peer-deps
added 1 package in 2s

注意空格

运行过程中报错:Module build failed: Error: Cannot find module ‘less’

用上述方式安装 less即可

PS E:\web\project-SHP\app> npm install less --legacy-peer-deps
>>

added 13 packages in 3s

// 成功运行
  App running at:
  - Local:   http://localhost:8080/
  - Network: http://10.33.201.152:8080/

项目开发过程中报错:code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While Vuex中dispatch没有被定义

  • 在一般情况下书写没有任何问题的时候,观察vue版本和vuex版本是否出现了差错,重新安装vuex的版本即可

项目运行时控制台报错:Refused to apply style from ‘http://localhost:8080/iconfont.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

在这里插入图片描述

在这里插入图片描述
查看自己项目文件夹中是否进行引入了iconfont.css文件,有的话进行注销即可

评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值