vue -elementUI 运行报错error in ./node_modules/element-ui/lib/theme-chalk/index.css

♀尐吖头ヾ 提交于 2020-08-11 22:56:06

项目用到了vue,elementUI,结合Webpack打包运行的时候报错

web-im@1.0.0 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就可以了

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!