2016-06-15 11 views
0

でここに私のMVC 4プロジェクトの角2構造はMVC 4プロジェクト経路エラー

ここ
Solution 'Angular2Starter' 
|-- angular2Starter 
| `-- Controllers 
|  `-- HomeController.cs 
|-- src 
| |-- app 
| | |-- home 
| | | |-- home.component.ts 
| | | |-- home.css 
| | | |-- home.html 
| | |-- app.component.spec.ts 
| | |-- app.component.ts 
| | |-- app.html 
| | |-- app.routes.ts 
| | `-- main.ts 
| |-- systemjs.conf.js 
| `-- tmp 
|-- tasks 
|-- gulp.config.js 
|-- gulpfile.js 
|-- package.json 
|-- tsconfig.json 
|-- tslint.json 
|-- typings.json 
|-- Web.config 
`-- Views 
    `-- Shared 
     `-- _Layout.cshtml 

あるAngular2私Layout.cshtml

私は正常に飲み込む後

<html> 
    <head> 
    <title>Angular 2 QuickStart</title> 
    <base href="/"> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
    <!-- build:css assets/bundle.css --> 
    <link rel="stylesheet" href="~/node_modules/font-awesome/css/font-awesome.css"> 
    <!-- app:css --> 
    <link rel="stylesheet" href="~/src/assets/styles/main.css"> 
    <!-- endinject --> 
    <!-- endbuild --> 
    </head> 
    <body>@RenderBody() 
    <as-main-app> 
     <i class="center-fix main-spinner fa fa-spin fa-spinner"></i> 
    </as-main-app> 

    <!-- build:js assets/lib.js --> 
    <script src="~/node_modules/jquery/dist/jquery.js"></script> 
    <script src="~/node_modules/bootstrap-sass/assets/javascripts/bootstrap.js"></script> 

    <!-- 1. Load libraries --> 
    <script src="~/node_modules/zone.js/dist/zone.js"></script> 
    <script src="~/node_modules/reflect-metadata/Reflect.js"></script> 

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

    <!-- build:js assets/app.js --> 
    <script src="~/src/tmp/app/bundle.js"></script> 
    <!-- endbuild --> 

    <!-- build:remove --> 
    <script src="~/node_modules/systemjs/dist/system.js"></script> 
    <script src="~/src/systemjs.conf.js"></script> 
    <script> 
     System.import('app/main.js') 
     .catch(function(err) { console.error(err); }); 
    </script> 
    <!-- endbuild --> 
    </body> 
</html> 
、および開いているプロジェクトのインデックスページで、コンソールにエラーが表示される

GET http://localhost:52994/app/app.html 404 (Not Found) 
EXCEPTION: Failed to load app/app.html 

構造化された全体が間違っている可能性がありますが、私の状況についての例は見つかりませんでしたイオン。私はここで何が起こっているのか知りませんか?誰でも助けてくれますか?

+0

おそらく、 'に変更するか、スタティックファイルを提供するようにASP.NETをセットアップする必要がありますか? – Mike

答えて

0

はSystem.import( 'アプリ').then(ヌル、console.error.bind(コンソール))

を試してみてください。

代わりに

System.import( 'APP/main.js') .catch(関数(ERR){console.error(ERR);});

関連する問題