zoukankan      html  css  js  c++  java
  • 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/
  • 相关阅读:
    canvas和svg
    表单控件及表单属性
    ajax
    数据结构与算法经典问题解析-Java语言描述
    SpringBoot
    ThreadLocal 原理
    代理模式-结构型
    框架面试
    Hash算法总结
    集合与多线程面试
  • 原文地址:https://www.cnblogs.com/jvziking/p/11423163.html
Copyright © 2011-2022 走看看