最近接了一個新項目,要用elementui,(ps:我以前搭建的時候也沒啥問題,這次居然遇到問題了。然後有點懵。。)
問題就是:在main.js文件中引用完elementui文件後
引用的代碼如下:
import elementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
Vue.use(elementUI)
引用以後,執行npm run dev運行項目居然後開始報錯,(當時感覺比較吃驚,因爲以前完全沒遇到過。。。)報錯信息如下:
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
查閱看了node_modules才發現,最新版本的elementui的這個文件夾改變文件夾名字了。把引入路徑改爲import 'element-ui/lib/theme-chalk/index.css',運行 npm run dev命令,就ok了。
如圖: