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

古城微笑少年丶 2023-02-21 11:38 3阅读 0赞

项目用到了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 “;”

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTIzMTMzNjE_size_16_color_FFFFFF_t_70]  
这里应该是导饿了么css出了问题，解决办法

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

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

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

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTIzMTMzNjE_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200630103533761.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTIzMTMzNjE=,size_16,color_FFFFFF,t_70