vue引入element-ui元件及其報錯
阿新 • • 發佈:2018-12-18
1.安裝依賴
npm install element-ui --save
2.引入element-ui
在main.js中引入下面程式碼
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
報錯問題:
問題1.
Errors: 25 http://eslint.org/docs/rules/no-tabs 7 http://eslint.org/docs/rules/indent 7 http://eslint.org/docs/rules/semi 2 http://eslint.org/docs/rules/no-undef 1 http://eslint.org/docs/rules/eol-last 1 http://eslint.org/docs/rules/no-new 1 http://eslint.org/docs/rules/no-multiple-empty-lines You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file.
解決辦法:
問題2、 css的檔案路徑報錯-----因為原版的css檔案是theme-default,改版後就變為theme-chalk,在安裝目錄下將檔名改為theme-chalk即可,檔案路徑:node_modules/element-ui/lib/theme-chalk/index.css