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

Posted on 2021-06-02 15:55  凡凡0410  阅读(407)  评论(0编辑  收藏  举报

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,会出现下面这种报错

 

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

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

解决:

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

 

Copyright © 2024 凡凡0410
Powered by .NET 9.0 on Kubernetes