vue-cli使用脚手架安装,出现的各种问题

1.使用element-ui组件,按需加载(我一开始选择的是less,后来想换成sass,才会出现这种问题,一般直接使用脚手架装好是没问题的)

在babel.config.js中配置

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    ["@babel/preset-env", { "modules": false }]
  ],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

需要安装  @babel/preset-env;

安装node-sass和sass-loader的版本,有限制条件,目前,安装sass-loader的版本是12.0.0,会出现下面这种报错

vue-cli使用脚手架安装,出现的各种问题

 

 原因是,sass-loader安装的时候,版本太高,和webpack已有的版本有冲突了,而我强制使用了cnpm进行成功安装,

这样可能导致,package-lock.js中,不同的依赖包对应的webpack的版本不一样了,就出现了这种问题

解决:

"node-sass": "^4.12.0", "sass-loader": "^8.0.2",

 

  vue-cli使用脚手架安装,出现的各种问题       vue-cli使用脚手架安装,出现的各种问题    
上一篇:【nodeJs】This usually happens because your environment has changed since running `npm install` vscode


下一篇:vue 项目自己配置 eslint 和 prettier 导致运行出现 prettier/prettier 错误提示