Npm 嵌套的SCS无法编译，但仍发出css

我有一个非常简单的文件，用于一个小项目，对css进行了2次修改，这就是扩展

// Settings
@import "settings";

// Foundation
@import "../../node_modules/foundation-sites/scss/foundation";

#change-approval-wrap {
  @include foundation-typography;
  @include foundation-global-styles;
  @include foundation-forms;
  @include foundation-xy-grid-classes;
  @include foundation-button;
  @include foundation-accordion;
  @include foundation-table;
  @include foundation-tabs;

  .ca-button {
    @extend .button
  }

  .ca-table {
    @extend table
  }
}

每当我运行build（dev或prod）时，我都会得到以下信息：

WARNING in ./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/lib/loader.js??ref--5-5!./admin/css/app.scss
(Emitted value instead of an instance of Error)   resolve-url-loader cannot operate: CSS error
  /Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/admin/css/app.scss:561:27: property missing ':'
  at error (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/css/lib/parse/index.js:62:15)
 @ ./admin/css/app.scss 4:14-254
 @ multi ./admin/js/app.js ./admin/css/app.scss

然而，当我有手表跑步时，我会

/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/webpack-notifier/index.js:42
    if (error.module && error.module.rawRequest)
              ^

TypeError: Cannot read property 'module' of undefined

    at module.exports.WebpackNotifierPlugin.compileMessage (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/webpack-notifier/index.js:42:15)
    at module.exports.WebpackNotifierPlugin.compilationDone (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/webpack-notifier/index.js:57:20)
    at Compiler.applyPlugins (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/tapable/lib/Tapable.js:61:14)
    at Watching._done (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/webpack/lib/Compiler.js:105:17)
    at compiler.emitRecords.err (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/webpack/lib/Compiler.js:79:19)
    at Compiler.emitRecords (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/webpack/lib/Compiler.js:371:38)
    at compiler.emitAssets.err (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/webpack/lib/Compiler.js:62:20)
    at applyPluginsAsyncSeries1.err (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/webpack/lib/Compiler.js:364:12)
    at next (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/tapable/lib/Tapable.js:218:11)
    at Compiler.compiler.plugin (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/webpack/lib/performance/SizeLimitsPlugin.js:99:4)
    at Compiler.applyPluginsAsyncSeries1 (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/tapable/lib/Tapable.js:222:13)
    at Compiler.afterEmit (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/webpack/lib/Compiler.js:361:9)
    at require.forEach.err (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/webpack/lib/Compiler.js:350:15)
    at /Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/async/dist/async.js:473:16
    at iteratorCallback (/Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/async/dist/async.js:1064:13)
    at /Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/async/dist/async.js:969:16
    at /Users/user/IdeaProjects/folder/public_html/wp-content/plugins/change-approval/node_modules/graceful-fs/graceful-fs.js:43:10
    at FSReqWrap.oncomplete (fs.js:135:15)

我注意到这是在我搬入include foundation排版时开始发生的和当

@包括基础排版

不在我创建的名称空间中，它编译得很好。是否与

@include基础排版的include有任何关系

自己做什么

---

此外，即使它给出了错误/警告，我仍然会得到CSS输出，并提供我想要的一切，但如果它正在运行，watch将失败并关闭，我添加了

@include foundation排版

到名称空间。

请提供配置，我们可以在其中查看Sass文件加载程序的顺序和配置。老实说，我甚至没有代码，因为我只是在处理它，但我使用的是Laravel Mix及其Sass命令，没有额外的配置。