angular cli показывает ошибку при запуске сервера

#angular

#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:TrainingProjectspracticesrcappwebsiteproductsproducts.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:TrainingProjectspracticenode_modules@ngtoolswebpacksrcangular_compiler_plugin.js:951:23)
at F:TrainingProjectspracticenode_modules@ngtoolswebpacksrcloader.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:TrainingProjectspracticesrcappwebsiteproductsproductsampleproductsample.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:TrainingProjectspracticenode_modules@ngtoolswebpacksrcangular_compiler_plugin.js:951:23)
at F:TrainingProjectspracticenode_modules@ngtoolswebpacksrcloader.js:43:31
at runMicrotasks (<anonymous>)
at processTicksAndRejections (internal/process/task_queues.js:97:5)
 

Ответ №1:

Я просмотрел ваш код, эта проблема обычно возникает, если один из импортируемых вами файлов имеет UserClass с заглавной буквы

Изменение в app.routing.module

From

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

To

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