Angular 角度2+。找不到NETCore 404/traceur_Angular_Asp.net Core Mvc_Traceur

Angular 角度2+。找不到NETCore 404/traceur

angular asp.net-core-mvc

Angular 角度2+。找不到NETCore 404/traceur,angular,asp.net-core-mvc,traceur,Angular,Asp.net Core Mvc,Traceur,我试图让Angular2与我的ASP.net核心应用程序一起运行，到目前为止似乎还不错，我遇到的唯一问题是启动应用程序时出现以下错误： Error: Error: XHR error (404 Not Found) loading http://localhost:51435/traceur(…) 我不知道为什么，我从我的systemjs.config.js中删除了这些评论，并在谷歌上搜索了大约1个小时，似乎什么都没用。也许你们中的一个能帮我 mypackage.json { "versi

我试图让Angular2与我的ASP.net核心应用程序一起运行，到目前为止似乎还不错，我遇到的唯一问题是启动应用程序时出现以下错误：

Error: Error: XHR error (404 Not Found) loading http://localhost:51435/traceur(…)

我不知道为什么，我从我的systemjs.config.js中删除了这些评论，并在谷歌上搜索了大约1个小时，似乎什么都没用。也许你们中的一个能帮我

mypackage.json

{
  "version": "1.0.0",
  "name": "projecthome",
  "private": true,
  "scripts": {
    "typings": "typings",
    "postinstall": "typings install"
  },
  "dependencies": {
    "@angular/common": "2.0.0-rc.5",
    "@angular/compiler": "2.0.0-rc.5",
    "@angular/compiler-cli": "0.5.0",
    "@angular/core": "2.0.0-rc.5",
    "@angular/forms": "0.3.0",
    "@angular/http": "2.0.0-rc.5",
    "@angular/platform-browser": "2.0.0-rc.5",
    "@angular/platform-browser-dynamic": "2.0.0-rc.5",
    "@angular/router": "3.0.0-rc.1",
    "@angular/upgrade": "2.0.0-rc.5",
    "core-js": "^2.4.0",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.6",
    "systemjs": "0.19.27",
    "zone.js": "^0.6.12",
    "angular2-in-memory-web-api": "0.0.17",
    "bootstrap": "^3.3.6",

    "jquery": "2.2.2",
    "font-awesome": "^4.6.3"
     },
 "devDependencies": {
    "gulp": "3.9.1",
    "gulp-typescript": "^2.13.6",
    "typescript": "^1.8.10",
    "typings": "^1.3.2"  
}}

My\u Layout.html

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>@ViewBag.Title</title>

    <base href="/">

    <link href="~/lib/css/bootstrap.css" rel="stylesheet" />
    <link href="~/lib/css/font-awesome.css" rel="stylesheet" />
    @RenderSection("styles", required: false)

    @*Solve IE 11 issues *@
    @*<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.33.3/es6-shim.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.20/system-polyfills.js"></script>
        <script src="https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js"></script>*@

    <!-- 1. Load libraries -->
    <!-- Polyfill(s) for older browsers -->
    <script src="node_modules/es6-shim/es6-shim.min.js"></script>

    <script src="node_modules/zone.js/dist/zone.js"></script>
    <script src="node_modules/reflect-metadata/Reflect.js"></script>
    <script src="node_modules/systemjs/dist/system.src.js"></script>

    <!-- 2. Configure SystemJS -->
    <script src="~/lib/js/systemjs.config.js"></script>

    <script src="~/lib/js/jquery.js"></script>
    <script src="~/lib/js/bootstrap.js"></script>
</head>
<body>
    <div>
     @RenderBody()
    </div>
    @RenderSection("scripts", required: false)
    <script type="text/javascript">
    @RenderSection("customScript", required: false)
    </script>
</body>
</html>

梅因酒店

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

platformBrowserDynamic().bootstrapModule(AppModule);

app.module.ts

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule }   from '@angular/forms';
import { AppComponent }  from './app.component';

@NgModule({
    imports: [
        BrowserModule,
        FormsModule
    ],
    declarations: [
        AppComponent
    ],
    bootstrap: [AppComponent]
})

export class AppModule { }

app.component.ts

import { Component } from '@angular/core';
export class Hero {
    id: number;
    name: string;
}
@Component({
    selector: 'projecthome-app',
    template: '<h1>hello</h1>'
})
export class AppComponent {
    title = 'Tour of Heroes';
    hero: Hero = {
        id: 1,
        name: 'Windstorm'
    };
}

从'@angular/core'导入{Component}；
出口级英雄{
id：编号；
名称：字符串；
}
@组成部分({
选择器：“projecthome应用程序”，
模板：“你好”
})
导出类AppComponent{
标题=‘英雄之旅’；
英雄：英雄={
id:1，
名称：“风暴”
};
}

最后是我的项目结构

我的systejs.config.js将被复制到wwwroot/lib/js，并在您的systejs.config.js文件中使用gulp

，请尝试更改-

从

到

看看这是否有帮助。

在您的systemjs.config.js文件中，尝试更改-

从

到

查看这是否有帮助。

从开发人员控制台检查stacktrace，可能文件有多行注释。这使得traceur一直在打电话（traceur是一个传送者）

尝试在tsconfig.json中配置removeComments:true以进行快速检查

从开发人员控制台检查stacktrace，可能文件有多行注释。这使得traceur一直在打电话（traceur是一个传送者）

尝试在tsconfig.json中配置removeComments:true要在

\u Layout.cshtml

中进行快速检查，您使用的是

es6 shim.min.js

，但我在

package.json

中没有看到任何包。您是对的，我修复了它，但错误仍然发生，仍然是相同的错误。当我将链接粘贴到js文件时，浏览器将显示内容。在您的

\u Layout.cshtml

中，您使用的是

es6 shim.min.js

，但我在

包中没有看到任何包。json

您是对的，我修复了它，但错误仍然发生，仍然是相同的错误。当我将链接粘贴到js文件时，浏览器将显示内容。我认为您应该创建新项目并更改systemjs.config.js，就像我认为您应该创建新项目并更改systemjs.config.js一样

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule }   from '@angular/forms';
import { AppComponent }  from './app.component';

@NgModule({
    imports: [
        BrowserModule,
        FormsModule
    ],
    declarations: [
        AppComponent
    ],
    bootstrap: [AppComponent]
})

export class AppModule { }

import { Component } from '@angular/core';
export class Hero {
    id: number;
    name: string;
}
@Component({
    selector: 'projecthome-app',
    template: '<h1>hello</h1>'
})
export class AppComponent {
    title = 'Tour of Heroes';
    hero: Hero = {
        id: 1,
        name: 'Windstorm'
    };
}

'app': { main: 'main.ts', defaultExtension: 'ts' },

'app': { main: 'main.js', defaultExtension: 'js' },