安装nodejs

sudo apt-get install nodejs

安装npm

sudo apt install npm

改镜像源

sudo npm config set registry https://registry.npm.taobao.org

sudo npm config list

升级node

sudo npm i -g n
sudo n stable

安装Vue

npm install -g @vue/cli

引入less文件失败

安装less，和less-loader

npm i --save less less-loader

iview自定义主题失败

两个解决方案

1. less降级为3以下，比如2.7.3

2. 配置vue.config.js(未实践）

module.exports = {
    css: { // 配置css模块
        loaderOptions: { // 向预处理器 Loader 传递配置选项
            less: { // 配置less（其他样式解析用法一致）
                    javascriptEnabled: true // 设置为true
            }
        }
    }
}

3. 报错

ERROR in ./~/less-loader!./~/autoprefixer-loader!./src/styles/mytheme.less Module parse failed:

E:\ProjectDemo\vue\IVIEW\node_modules\less-loader\index.js!

E:\ProjectDemo\vue\IVIEW\node_modules\autoprefixer-loader\index.js

!E:\ProjectDemo\vue\IVIEW\src\styles\mytheme. less Unexpected token (1:0) 

You may need an appropriate loader to handle this file type. | .ivu-load-loop {

| animation: ani-load-loop 1s linear infinite; |

}

修改webpack配置

 {

                test: /\.less/,

                use: ExtractTextPlugin.extract({

                    use: ['css-loader?minimize', 'autoprefixer-loader', 'less-loader'],

                    fallback: 'style-loader'

                })

            },

版权声明: （https://blog.thinkmoon.cn/post/515_vue）本文首发于指尖魔法屋-vue的相关问题转载或引用必须申明原指尖魔法屋来源及源地址！