vueJs引入elementUI组件，运行时出现ERROR

标签：bsp   样式   ring   compile   xxxxx   ref   element   install   sass   

vueJs引入elementUI组件，运行时出现ERROR:
ERROR  Failed to compile with 1 errors                                

This dependency was not found:

* element-ui/lib/theme-default/index.css in ./src/main.js

To install it, you can run: npm install --save element-ui/lib/theme-default/inde
解决方法：
index.css是element-ui的东西，不需要单独装。如果配置了css-loader删掉即可。
如果是自己在webpack.base.conf.js里配了test: /\.css/,xxxxx是可能出现这种问题的，删掉

{
  test: /\.css$/,
  loader: ‘style!css‘
},
删掉这段

配置less(创建Vue项目时，可选择配置sass，也可不配置)

Less項目目录下需要装两个loader
npm install less --save-dev
npm install less-loader --save-dev

修改webpack.config.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加

{
        test: /\.less$/,
        loader: "style-loader!css-loader!less-loader",
    },

然后在组件或者视图中给样式加上语言就可以了
<style lang=‘less‘>
    @import (reference) "../assets/less/common.less";
</style>

@import (reference) "../assets/less/common.less";
用于引入less文件，其中reference用於解決less編譯兩次的問題

参考：https://blog.csdn.net/zhituji/article/details/74783949
参考：https://segmentfault.com/q/1010000013550119/

vueJs引入elementUI组件，运行时出现ERROR

标签：bsp   样式   ring   compile   xxxxx   ref   element   install   sass   

原文地址：https://www.cnblogs.com/jvziking/p/11423163.html