带有Mvc 4项目路线错误的Angular2

Question

Here is my Mvc 4 Project angular 2 structure 这是我的Mvc 4 Project angular 2结构

   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

Here is my Layout.cshtml 这是我的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>

After I succesfully gulp, and open projects index page, console give me error 成功吞噬并打开项目索引页后，控制台给我错误

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

I might structured whole things wrong, but could not find any examples about my situation. 我可能将整体结构错了，但找不到关于我的情况的任何示例。 I dont know what is going on here ? 我不知道这是怎么回事？ Anyone can help please ? 有人可以帮忙吗？

Answer 1

try 尝试

System.import('app') .then(null, console.error.bind(console)); System.import（'app'）.then（null，console.error.bind（console））;

instead of 代替

System.import('app/main.js') .catch(function(err) { console.error(err); }); System.import（'app / main.js'）.catch（function（err）{console.error（err）;}）;

带有Mvc 4项目路线错误的Angular2

问题描述

1 个解决方案

解决方案1
0 2016-06-16 01:29:17

带有Mvc 4项目路线错误的Angular2

问题描述

1 个解决方案

解决方案1 0 2016-06-16 01:29:17

解决方案1
0 2016-06-16 01:29:17