模块构建失败（来自./node_modules/@ngtools/webpack/src/index.js）：

Question

我已经创建了一个关于角度7和离子4的应用程序。 我试图编辑app.routing.ts文件，设置路径和组件。从那时起，我在下面收到此错误：

ERROR in ./src/app/department/department.module.ts
[ng] Module build failed (from ./node_modules/@ngtools/webpack/src/index.js):
[ng] Error: ENOENT: no such file or directory, open 'C:\Users\x\department\department.module.ts'
[ng]     at Object.openSync (fs.js:436:3)
[ng]     at Object.readFileSync (fs.js:341:35)
[ng]     at Storage.provideSync (C:\Users\x\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:98:13)

Answer 1

当您的app.module设置找不到您的组件时，就会发生此错误。

请按照以下步骤解决您的问题：

1. 检查module.ts文件是否存在。
2. 检查相对路径。
3. 该路径区分大小写（也许.ts文件是Department）。

Answer 2

@trustidkid和@vinay sharma中的两个答案都很有用。如果有人遇到了同样的问题； 1-转到发生错误的文件。（要直接转到该文件，请单击错误行，然后单击[CTRL +单击]（在MacOS上为CMD +单击）：

ERROR in ./src/app/department/department.module.ts

然后检查指向文件的路径地址是否正确。这些问题大多数都具有类似的解决方案。只需确定要指向的文件的路径地址以及发生错误的另一个文件中提到的地址即可。

Answer 3

当您删除组件但忘记从import删除其module.ts时，会发生此问题。

例如：TestComponent被删除，因此您还必须删除：

import { TestComponent } from './test.component'

Answer 4

如果您在像我这样的Windows计算机上具有文件夹映射，请不要尝试从映射的文件夹构建它，而是转到原始文件夹并从那里构建它。 映射的文件夹有一个小图标，如下所示：