angular cli 在启动服务器时显示错误

标签 angular

我是 Angular 的新手,仍在学习它,这是我创建的项目,但我无法启动服务器。它给了我以下两个错误。我之前已经多次启动服务器,但现在它突然给我这两个错误。这是我在 github 上的项目:https://github.com/NoamaanMulla/angular.git

Error: ./src/app/website/products/products.component.ts
Module build failed (from ./node_modules/@ngtools/webpack/src/index.js):
Error: F:\Training\Projects\practice\src\app\website\products\products.component.ts is missing from 
the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' 
property.
at AngularCompilerPlugin.getCompiledFile 
(F:\Training\Projects\practice\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:951:23)
at F:\Training\Projects\practice\node_modules\@ngtools\webpack\src\loader.js:43:31
at runMicrotasks (<anonymous>)
at processTicksAndRejections (internal/process/task_queues.js:97:5)

Error: ./src/app/website/products/productsample/productsample.component.ts
Module build failed (from ./node_modules/@ngtools/webpack/src/index.js):
Error: 
F:\Training\Projects\practice\src\app\website\products\productsample\productsample.component.ts is 
missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 
'include' property.
at AngularCompilerPlugin.getCompiledFile 
(F:\Training\Projects\practice\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:951:23)
at F:\Training\Projects\practice\node_modules\@ngtools\webpack\src\loader.js:43:31
at runMicrotasks (<anonymous>)
at processTicksAndRejections (internal/process/task_queues.js:97:5)

最佳答案

我检查了你的代码,如果你们中的一个导入了大写的 UserClass,通常会发生这个问题

app.routing.module 中的更改

来自

import { ProductsComponent } from './website/Products/Products.component';
import { ProductsampleComponent } from './website/Products/Productsample/Productsample.component';

import { ProductsComponent } from './website/products/products.component';
import { ProductsampleComponent } from './website/products/productsample/productsample.component';

关于angular cli 在启动服务器时显示错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65237960/

相关文章:

javascript - Angular 2如何将对象数组放入另一个对象数组

angular - 使用 ReactiveForms 和 NgbModal 时的 ExpressionChangedAfterItHasBeenCheckedError

java - 无法将 Angular 项目与 spring boot web 应用程序连接

node.js - Karma Pipe Test : _this. handler.handle 不是抛出的函数

node.js - Angular CLI : creating service Error: classify is not defined after npm install

angular - Angular 2 中的 routerLink 显示为纯文本

Angular 2 *ngIf 不更新 HTML 模板

angular 6 bootstrap 如何在组件模板中将宽度设置为 td 表

angular - 我将 ng2-metadata 与我的 Angular 版本 4 应用程序一起使用,谷歌似乎只显示默认标题和描述

angular - 带有 Bootstrap 折叠的嵌套 *ngFor