现象&报错提示

在国保应用里，启动项目 npm run serve 时，会报错，提示 sass-loader 加载错误，并指向 src/huiPro.js ,提示 @hui-pro/page @hui-pro/layout @hui-pro/empty 等加载错误等。

并且页面启动后，样式会丢失。

问题根源

  1. "vue-cli-plugin-changelog": "^2.6.5",
  2. "vue-cli-plugin-dolphin-base": "^2.6.5",
  3. "vue-cli-plugin-dolphin-theme": "^2.6.5"

以上依赖版本较低，和 “sass-loader”: “^8.0.2” 版本不兼容，导致加载 sass 失败。

解决方案

升高以上依赖的版本，升级如下即可：

npm 源为公司内部源：http://af.hikvision.com.cn/artifactory/api/npm/npm-down/

  1. "vue-cli-plugin-changelog": "^2.9.0",
  2.  "vue-cli-plugin-dolphin-base": "^2.9.0",
  3.  "vue-cli-plugin-dolphin-theme": "^2.9.0",

“sass-loader”: “^8.0.2” 版本可与 以上依赖 2.9.0 版本兼容。

然后用启动命令启动项目即可。