打开项目时无法获取/

Question

我正面临这个奇怪的错误 - 当我在 Webstorm IDE 中关闭并重新打开我的项目然后启动项目时，我得到无法获取/错误。 如果我删除路由 {path: '', component: AppComponent}，则此错误得到解决，然后应用程序正常工作。 如果我再次保存并关闭我的项目，然后再次重新打开，则会再次出现相同的错误，但现在如果我在路由中再次包含我在之前的 session {path: '', component: AppComponent} 中删除的相同路径，则项目有效正好。 如果我再次保存并关闭我的项目并再次重新打开，我将再次收到错误，现在这一次再次删除路线解决了问题。 所以我陷入了这个恶性循环，每次我打开我的项目时，我都必须根据情况删除/包含路线。 请帮忙。

 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; import {NavbarComponent} from './Navbar/Navbar.component'; import { ArraysComponentComponent } from './arrays-component/arrays-component.component'; import {FormsModule} from '@angular/forms'; import { StackComponent } from './stack/stack.component'; import {RouterModule, Routes} from '@angular/router'; import { QueueComponent } from './queue/queue.component'; import { CircularQueueComponent } from './circular-queue/circular-queue.component'; import { CarouselComponent } from './carousel/carousel.component'; import { LinkedListComponent } from './linked-list/linked-list.component'; import { HomeContentsComponent } from './home-contents/home-contents.component'; import { BrowserAnimationsModule} from '@angular/platform-browser/animations'; import {ParticlesModule} from 'angular-particle'; import '@angular/compiler'; import { BackgroundComponent } from './background/background.component'; import { SignInComponent } from './sign-in/sign-in.component'; import {AngularFireModule} from '@angular/fire'; import {FirebaseService} from './services/firebase.service'; import { BubbleSortComponent } from './SortingTechniques/bubble-sort/bubble-sort.component'; import { InsertionSortComponent } from './SortingTechniques/insertion-sort/insertion-sort.component'; const appRoutes: Routes = [ // {path: '', component: AppComponent}, {path: 'arrays', component: ArraysComponentComponent}, {path: 'stack', component: StackComponent }, {path: 'queue', component: QueueComponent }, {path: 'bubbleSort', component: BubbleSortComponent}, {path: 'insertionSort', component: InsertionSortComponent}, {path: 'll', component: LinkedListComponent }, ]; @NgModule({ declarations: [ AppComponent, NavbarComponent, ArraysComponentComponent, StackComponent, QueueComponent, CircularQueueComponent, CarouselComponent, LinkedListComponent, HomeContentsComponent, BackgroundComponent, SignInComponent, BubbleSortComponent, InsertionSortComponent ], imports: [ ParticlesModule, BrowserModule, FormsModule, BrowserAnimationsModule, RouterModule.forRoot(appRoutes), AngularFireModule.initializeApp({ apiKey: 'AIzaSyAcFmdpNWPHs22gRXwoLlO8QQdcPkKwQtM', authDomain: 'dsalgo-210c7.firebaseapp.com', projectId: 'dsalgo-210c7', storageBucket: 'dsalgo-210c7.appspot.com', messagingSenderId: '904101204684', appId: '1:904101204684:web:d001f5647d004f0140e869', measurementId: 'G-962JE081HH' }), ], providers: [FirebaseService], bootstrap: [AppComponent] }) export class AppModule { }

Answer 1

您遇到的问题是 Angular 最初会向您显示一些错误，在某些文件中的任何 (,) 更改上，它会重新编译并使用缓存数据。 因此问题似乎消失了。 文档中没有 state ，但这是我多年的经验 Angular 的行为方式。

事实并非如此，编译器仍然存在这个问题，因为控制台输出应该清楚地显示，但是您可以打开浏览器而不会出现任何错误。

关于路径@Yuriy 中的“AppComponent”，AppComponent 不需要在路由中的注释是正确的。 您总是拥有一个 static“根组件”——即 AppComponent。 列出的路由会呈现在您应用中任何位置的<router-outlet></router-outlet>中。 由于 Appcomponent 包含此 RouterRoutlet，因此不应在其中显示 AppComponent。 有关路由的更多详细信息，请参阅Angulars 指南。

向我们展示您的控制台输出以获取更多详细信息（可能是递归或非唯一出口）。