Javascript 如何在angular2中使用多通道组件_Javascript_Asp.net Mvc_Angular

Javascript 如何在angular2中使用多通道组件

javascript asp.net-mvc angular

Javascript 如何在angular2中使用多通道组件,javascript,asp.net-mvc,angular,Javascript,Asp.net Mvc,Angular,我是新来的angular2，我试图在一个页面中使用两个组件，但它给了我404错误这是我的两个.ts文件 app.ts import {Component, View, bootstrap} from 'angular2/angular2'; import {events} from './event.component'; @Component( { selector: 'contact' }) @View({ templateUr

我是新来的

angular2

，我试图在一个页面中使用两个组件，但它给了我

404错误

这是我的两个

.ts

文件

app.ts

import {Component, View, bootstrap} from 'angular2/angular2';

import {events} from './event.component';

@Component(
    {
        selector: 'contact'
    })
    @View({

        templateUrl: './Travel Operator/login.html',

        directives: [events]
})

export class Contact {
}

bootstrap(Contact);

和event.component.ts

import {Component, View, bootstrap} from "angular2/angular2";

@Component(
    {

        selector: 'events'
    })
@View({
        template: '<h1>Hello World</h1>'
})


export class events {

    }
}

bootstrap(events);

从“angular2/angular2”导入{组件、视图、引导程序}；
@组成部分(
{
选择器：“事件”
})
@看法({
模板：“你好，世界”
})
导出类事件{
}
}
引导（事件）；

我试图在我的主index.html文件中使用它，比如

<html>
<body>
    <h1>First Angular App</h1>

    <div id="content">
        <contact></contact>
    </div>
    <div id="events">
        <events></events>
    </div>

</body>
</html>


第一角应用程序

但它给

“网络错误：找不到404-” 错误

我被困在那里请帮助

问题是包含事件组件的模块没有正确加载。这是SystemJS配置的一个问题。也许您没有将TypeScript文件放在

app

或

src

文件夹中

从5分钟快速启动（）开始：

在这种情况下，组件的两个JS文件（由TypeScript转换产生）位于同一个文件夹中（应用程序

app

one），因此

import{events}from./event.component'

将在

app

文件夹中查找

event.component.js

文件。

这更可能是后端问题，而不是角度问题。它尝试加载，而不是在asp.net mvc4中创建angular2项目？

var map = {
  'app': 'app', // 'dist',
  (...)
}

var packages = {
  'app': { main: 'main.js',  defaultExtension: 'js' },
  (...)
};