Неожиданное значение, 'неопределенное' объявленный модулем 'AppModule'

Question 1

Что не так здесь? Я пытаюсь заставить его работать, но я получаю ту ошибку в заголовке. Я включал <router-outlet></router-outlet> в app.component.html это templateUrl названный app.component.ts, все еще никакая удача.

app.module.ts:

import { NgModule }             from '@angular/core';
import { BrowserModule }        from '@angular/platform-browser';
import { FormsModule }          from '@angular/forms';
import { RouterModule, Routes } from '@angular/router';


import { AppComponent }  from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { TopnavComponent } from './components/navbars/topnav/topnav.component';
import { LeftnavComponent } from './components/navbars/leftnav/leftnav.component';
import { LeftnavsecondaryComponent } from './components/navbars/leftnav-secondary/leftnav-secondary.component';
import { WorldofwarcraftComponent } from './components/games/worldofwarcraft/worldofwarcraft.component';

@NgModule({
    imports:    [ BrowserModule, FormsModule, AppRoutingModule ],
    declarations:   [ AppComponent, TopnavComponent, LeftnavComponent, LeftnavsecondaryComponent, WorldofwarcraftComponent ],
    bootstrap:  [ AppComponent ]
})

export class AppModule { }

приложение-routing.module.ts:

import { NgModule }              from '@angular/core';
import { RouterModule, Routes }  from '@angular/router';

import { WorldofwarcraftComponent } from './components/games/worldofwarcraft/worldofwarcraft.component';

const appRoutes: Routes = [
  { path: 'worldofwacraft', component: WorldofwarcraftComponent }
];

@NgModule({
  imports: [ RouterModule.forRoot(appRoutes) ],
  exports: [ RouterModule ]
})

export class AppRoutingModule {}

Question 2

Я получил ту же ошибку, иногда эта проблема происходит, и только необходимо повторно выполнить сервер с помощью ng serve или безотносительно CLI, который Вы используете, как упомянуто здесь

Question 3

Question 4

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

@NgModule({
  imports: [
  CommonModule, FormsModule,,
]})

Question 5

Попробуйте это может помочь Вам:
Остановка и Запускаются ng-serve сервис. Теперь страница могла перейти.

Question 6

Это было вызвано, потому что я повторил экспорт в одном из моего index.ts файла:

Question 7

Question 8

Это - очень раздражающее и трудное для понимания ошибки. Я сделал сравнение файлов с помощью Слияния Araxis, найденного каждым файлом в моих двух проектах, были почти идентичны на первый взгляд. Однако после дальнейшего рассмотрения я заметил незначительные различия в файловой структуре (который я действительно не искал сначала, скорее я искал различия в конфигурации), что мой второй проект генерировал js файл из одного из ts файлов.

, Как Вы видите на левой стороне , существует js файл. Проект правой стороны показал мой компонент разработчика узла и работал без ошибки. Правая сторона была тем, что вызвало проблему.

Webpack взял тот файл JavaScript и попытался упаковать его. Очевидно, когда Webpack встретился с ts версией, он транссложил его в дубликат js файл, таким образом создав запутывающее исключение на этапе выполнения.

t {__zone_symbol__error: Error: Unexpected value 'undefined' declared by the 
module 'AppModule'
    at t.m (http://localhost:……}

, Как Вы видите, эта проблема не имела никакого отношения к конфигурации, поскольку много сообщений привели меня верить. Как указано выше Ваша проблема может иметь отношение к конфигурации, но в моем случае она не сделала.

Question 9

В моем случае это было отличающееся имя класса, и имя т.е. промежуточный {имя}, экспортируемое в app.mdoule.ts, было отличающееся

удача

Question 10

Это произошло со мной также, в @Component я записал селектор: all-employees и в app.module.ts модуль это было <all- employees></all- employees>

Question 11

В моем случае, на app.module.ts (ионические 3)

providers: [
    , StatusBar
    , SplashScreen

Измененный на:

providers: [
     StatusBar
    , SplashScreen

И работы.

Question 12

Опытный это с Угловыми 2 и оказывается, что это имеет некоторое отношение к импорту и относительным путям, если Вы экспортируете что-то в из того же местоположения

, Например, при использовании баррелей, явно указываете ./

export * from './create-profile.component';

вместо

export * from 'create-profile.component';

Cyber Progs · Answer 1 · 31 October 2019 в 13:10