模块构建中的错误失败(来自./node_modules/sass-loader/lib/loader.js):

时间:2019-01-24 20:14:45

标签: angular vmware-clarity sass-loader

我正在运行以下命令:

ng build --prod --aot --base-href ./

接收;

ERROR in Module build failed (from ./node_modules/sass-loader/lib/loader.js):

$clr-popover-box-shadow-color: rgba(clr-getColor(dark), 0.25);
                              ^
      Argument `$color` of `rgba($color, $alpha)` must be a color
      in /Users/allan/git/dcfrontend/node_modules/@clr/ui/src/utils/_variables.global.scss (line 84, column 32)

我使用的是Angular 7和Clarity 1.04。

从我的angular.json中提取:

        "styles": [
          "node_modules/@clr/icons/clr-icons.min.css",
          "node_modules/@clr/ui/clr-ui.min.css",
          "node_modules/prismjs/themes/prism-solarizedlight.css",
          "src/styles.css",
          "node_modules/lato-font/css/lato-font.min.css"
        ],
        "scripts": [
          "node_modules/core-js/client/shim.min.js",
          "node_modules/mutationobserver-shim/dist/mutationobserver.min.js",
          "node_modules/@webcomponents/custom-elements/custom-elements.min.js",
          "node_modules/web-animations-js/web-animations.min.js",
          "node_modules/prismjs/prism.js",
          "node_modules/prismjs/components/prism-typescript.min.js",
          "node_modules/@clr/icons/clr-icons.min.js"
        ]

8 个答案:

答案 0 :(得分:6)

npm install node-sass

为我工作:)如果“ npm rebuild node-sass”不起作用,请尝试

答案 1 :(得分:1)

检查支持的版本。截止日期,我已经在计算机上安装了节点12.x,并花了一个小时运行npm install node-sassnpm rebuild node-sass提示的--force--save-dev

在卸载节点12.x并安装节点10.x之前,所有操作均无效。因此,如果遇到相同的问题而无法正常工作,请尝试以下操作

  • 检查您的节点版本(运行节点-v)是否高于10.x
  • 从计算机上卸载Node 12.x
  • 下载并安装Node 10.x
  • 重新启动控制台/编辑器(并非全部必需,并且无需此步骤即可工作)

答案 2 :(得分:0)

因此,我通过运行ng serve而不是ng build得到了答案-这告诉了我自己的哪个源文件中确实包含该问题。

我通过替换以下导入文件解决了该问题:

@import '../../../../node_modules/@clr/ui/src/utils/helpers.clarity';
@import '../../../../node_modules/@clr/ui/src/color/utils/colors.clarity';
@import '../../../../node_modules/@clr/ui/src/color/utils/contrast-cache.clarity';
@import '../../../../node_modules/@clr/ui/src/color/utils/helpers.clarity';
@import '../../../../node_modules/@clr/ui/src/utils/variables.clarity';

具有硬编码的值:

$clr-header-height: 2.5rem;
$clr-near-white: #fafafa;
$clr-dark-gray: #565656;
$clr-light-gray: #eee;

答案 3 :(得分:0)

我也遇到了相同的错误,我通过运行以下npm命令解决了该问题:

npm rebuild node-sass

答案 4 :(得分:0)

这解决了我的问题npm install --save-dev --unsafe-perm node-sass

答案 5 :(得分:0)

使用NVM降级您的节点版本-这些错误的99%来自节点支持的节点版本与系统上运行的版本之间的版本冲突。仍然令人沮丧!

答案 6 :(得分:0)

在我的情况下,我不是从项目的根文件夹运行(执行服务)。 移至根文件夹为我解决了这个问题。

答案 7 :(得分:0)

不知道有没有人需要看这个 npm rebuild node-sass 对于某些新版本的节点(例如 15.XX),在我的情况下无法开箱即用,对此的修复是降级节点版本,在我的情况下,我降级到版本 10.16 .3,然后我运行了 npm rebuild node-sass 命令并且错误不再显示