vueJs introduced elementUI components, ERROR appears runtime

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: '! CSS style'
},
delete this

Configuring less (Vue When you create a project, you can choose to configure sass, or not configured)

Less need to install two loader under the project directory
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",
    },

Then add to the style in the assembly language can view or
<style lang = 'less'>
    @import (Reference) "../assets/less/common.less";
</ style>

@import (reference) "../assets/less/common.less";
for the introduction of less file with reference to solve the problem less compiled twice

 


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

Guess you like

Origin www.cnblogs.com/jvziking/p/11423163.html