Angular CLI 在 Ubuntu 上给出错误，但在 macOS 上没有发生

Question

当我将我的应用程序部署到 Ubuntu 并运行 ng b -prod它给出了以下错误，但完全相同的项目，在安装 npm 后在任一系统上新 checkout ，不会在 macOS 上给出错误。

此外，我已经运行了数周而没有更改提到的 CSS 文件，并且它之前在 Ubuntu 机器上运行过。全局 npm 包在两个系统上都进行了更新，并且版本相同。

它声称找不到'@angular/material/core/theming/prebuilt/indigo-pink.css' in '/home/ubuntu/front/src' ，但很明显该文件在 node_modules 中。
src/styles.css 中的违规行是:
@import '~@angular/material/core/theming/prebuilt/indigo-pink.css';
正如我所说 - 这在 macOS 中可以 100% 正常工作，并且在这个 Ubuntu 机器上工作到今天早上。有什么问题？

ERROR in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader!./src/styles.css
Module not found: Error: Can't resolve '@angular/material/core/theming/prebuilt/indigo-pink.css' in '/home/ubuntu/front/src'
 @ ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader!./src/styles.css 3:10-196
 @ ./src/styles.css
 @ multi ./~/primeng/resources/primeng.min.css ./~/primeng/resources/themes/omega/theme.css ./~/font-awesome/css/font-awesome.min.css ./src/assets/fonts/font-icomoon/style.css ./src/styles.css

ERROR in ./src/styles.css
Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve '@angular/material/core/theming/prebuilt/indigo-pink.css' in '/home/ubuntu/front/src'
    at factoryCallback (/home/ubuntu/front/node_modules/webpack/lib/Compilation.js:259:39)
    at /home/ubuntu/front/node_modules/webpack/lib/NormalModuleFactory.js:234:19
    at onDoneResolving (/home/ubuntu/front/node_modules/webpack/lib/NormalModuleFactory.js:59:20)
    at /home/ubuntu/front/node_modules/webpack/lib/NormalModuleFactory.js:126:20
    at /home/ubuntu/front/node_modules/webpack/node_modules/async/dist/async.js:3824:9
    at /home/ubuntu/front/node_modules/webpack/node_modules/async/dist/async.js:460:16
    at iteratorCallback (/home/ubuntu/front/node_modules/webpack/node_modules/async/dist/async.js:1032:13)
    at /home/ubuntu/front/node_modules/webpack/node_modules/async/dist/async.js:944:16
    at /home/ubuntu/front/node_modules/webpack/node_modules/async/dist/async.js:3821:13
    at apply (/home/ubuntu/front/node_modules/webpack/node_modules/async/dist/async.js:21:25)
    at /home/ubuntu/front/node_modules/webpack/node_modules/async/dist/async.js:56:12
    at /home/ubuntu/front/node_modules/webpack/lib/NormalModuleFactory.js:121:22
    at onResolved (/home/ubuntu/front/node_modules/enhanced-resolve/lib/Resolver.js:70:11)
    at loggingCallbackWrapper (/home/ubuntu/front/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
    at afterInnerCallback (/home/ubuntu/front/node_modules/enhanced-resolve/lib/Resolver.js:138:10)
    at loggingCallbackWrapper (/home/ubuntu/front/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)

ERROR in /home/ubuntu/front/node_modules/extract-text-webpack-plugin/loader.js??ref--9-0!/home/ubuntu/front/node_modules/style-loader/index.js!/home/ubuntu/front/node_modules/css-loader/index.js?{"sourceMap":false,"importLoaders":1}!/home/ubuntu/front/node_modules/postcss-loader/index.js!/home/ubuntu/front/src/styles.css doesn't export content

Answer 1

也许，因为您使用的是不同版本的 Angular Material 2。
在 beta.3 版本中，您需要使用此链接更改预建主题

@import '~@angular/material/prebuilt-themes/indigo-pink.css';

这里的文档: https://github.com/angular/material2/blob/master/guides/theming.md#using-a-pre-built-theme