element-ui引入css存在的问题

正常我们用vue-cli开发项目,可选择的插件很多,例如vux、iview、element-ui等等

今天说下element-ui的安装以及使用

命令行安装:

npm i element-ui -S

然后在main的js中引入以及注册就可以使用了(全局注册)

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(ElementUI)

上面第二行引入css有问题,在启动项目的时候会报错,因为它的路径不对

This dependency was not found:

* element-ui/lib/theme-default/index.css in ./src/main.js

To install it, you can run: npm install --save element-ui/lib/theme-default/index.css

正确的引入是:

import 'element-ui/lib/theme-chalk/index.css'
接下来就大功告成了,大家放心的使用吧!

猜你喜欢

转载自blog.csdn.net/lschange/article/details/80429711