iview升级4.x报错:This dependency was not found

背景:
最近公司在写的项目用了iview的组件库,因为要使用4.1.0版本的树形table,所以要升级iview为view-design。

官网老用户升级方法指路:https://www.iviewui.com/docs/update4

然鹅。。。 按照官网的方法,在main.js中引入.css文件时,一直报错,如下:
在这里插入图片描述并且table树形组件的显示也不正常。

报错原因: vue找不到导入的’view-design/dist/styles/iview.css’
在这里插入图片描述
解决方法: 修改路径
在这里插入图片描述
错误的尝试。。。
楼主先是按照提示安装view-design,然而安装时又报错了(图片就不贴了)。然后楼主打开node_modules文件夹发现已经有这个文件了呀,为什么vue却找不到呢。
后来在网上找各种方法,什么删除node_modules文件夹重新npm install,什么配置webpack.config.js文件中resolve的alias,仍然报错。

我的理解: 当引入一长串的具体的路径时,一般都写成import … from ‘…’,然而在这里引入的是一个.css样式,是直接使用import命令导入的(而不是import from),此时vue会认为要导入的是一个npm包,而之前的写的:‘view-design/dist/styles/iview.css’并不是view-design的npm包,因此应该直接写成’view-design’。

参考链接:错误原因分析: This dependency was not found

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值