vue -elementUI 運行報錯error in ./node_modules/element-ui/lib/theme-chalk/index.css

項目用到了vue,elementUI,結合Webpack打包運行的時候報錯

[email protected] dev F:\demo\web-im

webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

13% building modules 32/75 modules 43 active
…te&index=0!F:\demo\web-im\src\App.vue{ parser: “babylon” } is
deprecated; we now treat it as { pa rser: “babel” }. 94% asset
optimization

ERROR Failed to compile with 1 errors
10:32:34

error in ./node_modules/element-ui/lib/theme-chalk/index.css

Module build failed: ParseError:
F:\demo\web-im\node_modules\element-ui\lib\theme-chalk\index.css:1:63
1| var escape = require("…/…/…/css-loader/lib/url/escape.js");
--------------------------------------------------------------------^ 2| exports = module.exports =
require("…/…/…/css-loader/lib/css-base.js")(true); 3| // imports
4|

expected “indent”, got “;”

在這裏插入圖片描述
這裏應該是導餓了麼css出了問題,解決辦法

找到webpack.dev.conf.js文件,
其中有一行

module: {
    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
  },

usePostCSS把後面的true改成false就可以了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章