解決步驟
1、先檢查文件路徑名是否正確;
很坑爹的是我引入的是:element-ui/lib/theme-default/index.css,但是發現根本沒有theme-default這個文件,就會報錯找不到index.css文件錯誤;
所以我去查找了element-ui模塊安裝路徑發現,安裝的文件名是 theme-chalk,把路徑改一下就好了;
2、webpack 配置
如果不是路徑問題,那就要考錄webpack.dev.config.js的model的url-loader有沒有配置 test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
原因是:這種情況發生是因為模塊解析失敗,缺少.ttf格式解析模塊,vue2.0以上,在webpack.config.js
中module->rules添加{ test: /.(eot|woff|ttf)$/, loader: 'url-loader' }
當然你也要確保自已有安裝 url-loader 貼心的放上代碼 npm install url-loader/cnpm install url-loader -D
3、element官網找了下,https://github.com/ChenCheng0914/forum-vue/pull/2/commits/bb03f0fcd8e8c348cb7398b3944c1f039cbb43b9