Файл app / hero.ts не является ошибкой модуля в консоли, где хранить файлы интерфейсов в структуре каталогов с angular2?

Я делаю angular2учебник по этому адресу: https://angular.io/docs/ts/latest/tutorial/toh-pt3.html Я поместил heroинтерфейс в один файл в appпапке, в консоли у меня эта ошибка :

app/app.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module.
[0] app/hero-detail.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module.

Если я помещаю свой интерфейсный файл в папку героя, ошибка исчезает, это не упоминается в документации, что не так с моим импортом ?

Моя директива импорта (в начале файлов компонентов) в обоих app.components.tsи hero-detail.component.ts:

import {Component} from 'angular2/core';

import {Hero} from './hero';

Должен ли я заменить свою директиву импорта на: import {Hero} from './'; или просто поместить код в папку героя ?

Попробуйте перезапустить редактор, в котором вы пишете код (VS code или Sublime). Скомпилируйте и запустите снова. Я сделал то же самое, и это сработало.

Это происходит, когда вы добавляете новый класс вне своего редактора или продолжаете работать с angular cli 'ng serve'. На самом деле ваш редактор или команда ng serve могут не находить вновь созданные файлы.

Я получил ту же ошибку в том же руководстве, потому что я забыл ключевое слово экспорта для интерфейса.

возможно, вы забыли добавить «Экспорт» в определение класса.

->

export class Hero {
     id: number;
     name: string;
   }

Также попробуйте с

export {Hero} 

внизу вашего класса hero.ts и, наконец, проверьте имя файла с заглавной буквой и имя класса.

Ошибка связана с тем, что вы не сохранили файлы после их создания.

Попробуйте сохранить все файлы, нажав «Сохранить все» в редакторе.

Вы можете увидеть количество файлов, которые не были сохранены, посмотрев под меню «Файл», показанное синим цветом.

Перезапуск моего ng serveпроцесса сработал для меня

Для людей, получающих ту же ошибку на stackblitz

На левой боковой панели среды IDE вы найдете вкладку « Зависимость ». Просто нажмите кнопку обновления рядом с ним, и все будет в порядке.

Как я испытал всякий раз, когда я добавлял новый файл в свой проект, мне приходилось останавливать и перезапускать сервер ng.

В руководстве вы помещаете все компоненты и файл интерфейса в один и тот же каталог, следовательно, относительный импорт, './hero'если вы хотите переместить его в другое место, вам нужно это изменить.

Изменить: код все еще может работать, но компилятор будет жаловаться, потому что вы пытаетесь импортировать из неправильного места. Я бы просто изменил импорт в зависимости от вашей структуры. Например:

app/
  component1/
    component1.ts
  compnent2/
    component2.ts
  hero.ts

Я бы просто изменил импорт на import {Hero} from '../hero'.

Эта ошибка вызвана тем, что сбойный сервер ng serveавтоматически принимает новый добавленный файл. Чтобы исправить это, просто перезапустите сервер.

Хотя закрытие и повторное открытие текстового редактора или IDE решает эту проблему, многие люди не хотят испытывать стресс, связанный с повторным открытием проекта. Чтобы исправить это, не закрывая текстовый редактор ...

В терминале, на котором запущен сервер,

• Нажмите, ctrl+Cчтобы остановить сервер, затем,
• Снова запустите сервер: ng serve

Это должно сработать.

Не забудьте также экспортировать свой класс или интерфейс.

export interface Sort {
    value: string;
    viewValue: string;
}

Я столкнулся с той же проблемой.

Я перезапустил свой сервер, и он работает нормально. Похоже на ошибку.

перезапустить службу

Я была такая же проблема. Чтобы найти ошибку, я выбрал ошибку и случайно нажал CTRL + C (что означает «копировать»), что прервало ng serve. При перезапуске ng serve ошибка исчезла :). Иногда помогают опечатки и толстые пальцы ;-)

Выпуск редактора. Когда вы создаете новые файлы, которые не используют Angular CLI, убедитесь, что вы перешли в File> Save All (VS Code), чтобы редактор узнал о ваших новых изменениях. Затем снова запустите "ng serve --open". Это решило мою проблему. Надеюсь, это поможет

Я столкнулся с той же проблемой в VSC. Перезапустил редактор и снова запустил приложение. Работало нормально.

Я обнаружил, что мне нужно перезапустить не только Visual Studio Code, но и процесс сервера узлов, прежде чем я смогу получить хорошую компиляцию.

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

PS: Я столкнулся с проблемой на машине с Windows, и проблема возникла, когда я переместил модуль в новую папку.

У меня была аналогичная проблема. Я написал героя вместо героя

импортировать следующее:

import { Hero } from '../Hero';

Иногда эта ошибка возникает, когда файл .ts не сохраняется. Поэтому убедитесь, что все файлы в проекте сохранены, в противном случае попробуйте перезапустить редактор.

Откройте командную строку, перейдите в папку приложения, например D:\angular-tour-of-heroes\src\app

Затем создайте новый файл, используя следующую команду:

ng generate class hero

Это создаст hero.tsфайл. Затем вы можете вставить код экспорта, и ошибка исчезнет.

Вам следует сохранить все файлы. Например, html, css, component.ts, файлы модуля, модели. Откройте каждый файл и нажмите ctrl-S. Это сработало для меня

В моем случае я забыл сохранить изменения в файле app / hero.ts, после сохранения и перезапуска ng serve проблема была решена.

Мое решение,

В моем случае я создал файл модели и оставил его пустым,

поэтому, когда я импортировал его в другую модель, это дает мне ошибку. поэтому напишите определение при создании файла машинописного текста модели.

изменение

import{observable} from 'rxjs/observable'; 

к

import{observable} from 'rxjs';

перед компиляцией убедитесь, что вы сохранили .TS файл.

добавьте это перед экспортом класса

@Injectable({
  providedIn: 'root'
})