Question

我有一个使用Angular 2在VS2015中启动的Web应用程序，并且正在努力工作。我将它升级到VS2017并且不得不进行一些更改，但在主要方面似乎都没问题。我没有收到任何编译时错误。在运行阶段，当我尝试加载页面时，页面没有完全呈现，我没有在屏幕上得到任何真正的错误。我正在使用I.E.11，当我在控制台中查看时出现以下错误：

Error: Syntax error Evaluating http://localhost:42413/app/app.module.js Evaluating http://localhost:42413/app/main.js Loading app

有问题的两个文件位于预期的位置，自从我完成端口后，这些文件周围没有代码更改。

在我的main.ts文件中，我有：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';

platformBrowserDynamic().bootstrapModule(AppModule);

在app.module.js中我有：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
import { FormsModule } from '@angular/forms';

import { AppComponent } from './app.component';
import { AgentDetailsComponent } from './recruiter/agent-details.component';

@NgModule({
imports: [
    BrowserModule,
    HttpModule,
    FormsModule

],
declarations: [
    AppComponent,
    AgentDetailsComponent

],
bootstrap: [AppComponent]
})
export class AppModule { }

错误发生在main.ts的第二行：import { AppModule } from './app.module'设置断点，它不会到达此文件的第一行。踩JS文件。它首先通过调用evaluate.js的register-loader.js文件。然后它在evaluate方法中失败了。有一个巨大的堆栈跟踪，但基本上它在node_modules下的文件中出错。

如果我在Chrome浏览器中运行，我会收到来自zone.js的错误，指出它无法加载http://localhost:42413/agent-details.component.html。

在我的项目wwwroot目录中，该组件位于我的app \ recruiter文件夹中。

在app.module.ts文件夹中，它被引用为：

从'./recruiter/agent-details.component'导入{AgentDetailsComponent};

并且悬停在./recruiter/agent-details.component上方的上述行显示工具提示中的正确路径。

在Chrome中，在执行main.ts

中声明的platformBrowserDynamic().bootstrapModule(AppModule);时似乎发生了错误

我的agent-details.component.ts文件有：

import { Component, OnInit } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';

import { ICountry } from '../services/interfaces/country';
import { RecruiterService } from '../services/recruiter/recruiter.service';

@Component({
selector: 'agent-details',
templateUrl: 'agent-details.component.html',

providers : [RecruiterService]
})
export class AgentDetailsComponent implements OnInit {
private countries: ICountry[] = [];
private errorMessage: string;

constructor(private recruiterService : RecruiterService) {

} 

getCountries() {
    this.recruiterService.getCountries().subscribe((countries: ICountry[]) => this.countries = countries);
}

ngOnInit(): void {
    this.getCountries();

}
}

打字稿不在运行时加载

0 个答案: