vueJs引入elementUI组件,运行时出现ERROR
Posted jvziking
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vueJs引入elementUI组件,运行时出现ERROR相关的知识,希望对你有一定的参考价值。
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的主要内容,如果未能解决你的问题,请参考以下文章
使用 Vue Js 运行 Jest 测试时出现“语法错误:无法在模块外使用 import 语句”