麻烦建设 angular 6 个项目。获取 webpack 错误。找不到任何 webpack.config.js 文件。

Question

好的，我在工作中选择了一个 angular 6 项目，但在正确构建它时遇到了一些问题。

I 运行 npm install，它会安装节点模块。

我npm start启动不了，说webpack构建失败。这是错误：

david@ReNoir:/mnt/c/Users/Owner/TCWork/Spanner/spanner-app/dev-web/SpannerWeb$ npm start

> cps@1.0.0 start /mnt/c/Users/Owner/TCWork/Spanner/spanner-app/dev-web/SpannerWeb
> ng serve dev -open

** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
 10% building modules 4/4 modules 0 activewebpack: wait until bundle finished: /                                   Date: 2018-06-21T11:57:42.327ZHash: 19c35131157ef6b74b06
Time: 13491ms
chunk {inline} inline.bundle.js (inline) 3.85 kB [entry] [rendered]
chunk {main} main.bundle.js (main) 3.17 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js (polyfills) 577 bytes [initial] [rendered]
chunk {styles} styles.bundle.js (styles) 42.4 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js (vendor) 853 kB [initial] [rendered]

ERROR in Cannot read property 'length' of undefined
ERROR in ./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/@angular/cli/node_modules/sass-loader/lib/loader.js??ref--8-3!./src/styles.scss
Module build failed:
@import "@shared-module/scss/core";
^
      File to import not found or unreadable: @shared-module/scss/core.
      in /mnt/c/Users/Owner/TCWork/Spanner/spanner-app/dev-web/SpannerWeb/src/styles.scss (line 1, column 1)

webpack: Failed to compile.

我是编码新手。我更像是一名学习编码的设计师。但我无法理解为什么这不会建立。我只学习了一些 webpack 教程，但据我了解，您需要在根文件夹中有一个 webpack.config.js 文件。但即使在 npm 安装和搜索等之后，我也找不到任何 webpack.config.js 文件。我发现几个节点部门有 webpack.config.js 文件，但除此之外，它是贫瘠的。

关于我应该做什么的任何线索？

看着错误消息，我有一个暗示，这可能是由于原始开发人员在他们的机器上全局安装了一些像 sass loader 等的 deps，所以它们不包含在 deps 中文件夹，这就是导致问题的原因？

Answer 1

显然，一个 SCSS 文件试图从模块“@shared-module”导入另一个 SCSS 文件，该模块可能未安装或添加为该项目的依赖项。将此模块安装为项目依赖项可能会有所帮助。但是它看起来像一个私有模块，因此您可能需要从本地文件夹（也许是另一个存储库？）安装它，如下所示： npm install <folder>

关于 "missing" webpack 配置，这是正常的，因为 Angular CLI 对您完全隐藏了它。实际查看 webpack 配置的唯一方法是使用命令 ng eject 从 Angular CLI 中弹出项目。但是像这样您将无法再使用 Angular CLI。

麻烦建设 angular 6 个项目。获取 webpack 错误。找不到任何 webpack.config.js 文件。

trouble building angular 6 project. Getting webpack error. Can't find any webpack.config.js file.

javascript

node.js

systemjs

webpack

angular