背景:
最近公司在写的项目用了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’。