Исходный файл не найден в проекте Angular CLI

Привет у меня есть эти папки в моем проекте Folders Но когда я бегу, я получаю эту ошибку Error

Есть идеи, пожалуйста?

С уважением

Ответ 1

Rerunning ng serve поможет исправить проблему. Вы должны добавить empleado.ts пока локальный сервер все еще работает, поэтому Angular не видел файл.

Ответ 2

Спасибо @Hisham Afzal Ahamed за решение (остановка и перезапуск Angular компилятора).

  • Остановите компилятор: CTRL-C, CTRL-C (или CTRL-C затем Y)
  • Перезапуск: ng serve (или что-то еще, что вы используете, например, пользовательский скрипт npm)

В основном Угловой CLI иногда не видит файлы, которые были втянуты (например, когда вы выполняете слияние во время работы вашего компилятора). Очень полезно знать. В качестве общей экономии времени. Если вы вытягиваете файлы в свое решение или делаете что-то подобное, или получаете ошибку компилятора Angular, которая не имеет смысла или вы каким-то образом внесли существенные изменения, всегда стоит остановиться, а затем перезапустить компилятор, чтобы сделать свежая сборка - это может спасти столько головных болей!

Ответ 3

Когда приложение работает, и если вы добавляете файл с каким-то классом экспорта, то через этот тип ошибки

ОШИБКА в исходном файле не найдена: '/C/abc/xyz/pqr/apps/src/app/comm/ab.ts'.

Решение

перезапустите приложение снова, тогда оно заработает.

С помощью команды npm start

Ответ 4

Самое простое решение:

У меня тоже была такая же проблема,

Файл присутствовал в каталоге, но показывал вышеуказанную ошибку.

Все было правильно, но ошибки не было.

затем я закрыл вкладку и снова зашел в каталог через командную строку и снова запустил сервер:

ng serve --open

Ошибка ушла !!!

Ответ 5

После запуска npm start снова все работает отлично Спасибо

Ответ 6

Я видел эту ошибку при проверках Angular 4 и далее.
Вы можете решить эту ошибку следующим образом.

  1. Для исполнения CTRL + C)
  2. Запустите или инициализируйте сервер (ng serve или npm start);

Ответ 7

Попробуйте поместить ваш файл empleado.ts в папку с ресурсами, а затем оттуда empleado.ts файл.

Так как угловой рекомендует поместить все ваши ресурсы в папку с ресурсами, включая изображения/шрифты/json и т.д.

PS: если этот файл содержит ваш статический контент, например, фиктивные данные и т.д.

Ответ 8

Я думаю, empleado.ts - это модель вашего класса для empleado, поэтому вам нужно импортировать в свой app.module

Ответ 9

Ошибка предполагает, что "исходный файл не найден".

Эта же ошибка я тоже получал. В моем случае по ошибке я создал файл.ts во время работы ng-сервера. Файл не нужен, поэтому удалил его, с этого момента я уставился на ошибку.

Я снова восстанавливаю файл без кода, и ошибка исчезла.

Ответ 10

я также получаю эту ошибку

export class Product {

constructor(
  public productname: string,
  public qty: string,
  public price:string
) {  }

} этот файл product.ts

решение:

ошибка в том, что я написал productname как product-name или product_name, это обе вещи не разрешены, поэтому я надеюсь, что это поможет вам

Ответ 11

Обычно это происходит, когда вы пытаетесь создать файл, используя код IDE, а именно VS и т.д., Пока ваш код все еще компилируется. Вы можете остановить сервер, используя ctrl + c, а затем запустить, а затем запустить его снова, используя команду ng serve для решения проблемы. Убедитесь, что вы сохранили все файлы перед запуском команды ng serve.