Angular 如何更改两个路径？

我开始使用Angular 2，我一直在使用官方文档中的Quickstart项目，但我不喜欢在“app”文件夹中混合所有内容，因此我在其中创建了一些文件夹并更改了路由，但在控制台中出现了此错误

404（未找到）

这是项目的结构：

以下是我在路线中所做的更改：

main/main.ts

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

const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

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

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

export class AppModule { }

模块/app.module.ts

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

const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

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

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

export class AppModule { }

---

通常，将所有这些组件分放到它们自己的文件夹中有点不好。您希望将所有组件保留在一个文件夹中，并映射出该文件夹位置。您的问题是路径不存在。实际上你需要在某个地方定义它。可能是index.html，它应该是这样的

<script>
       System.import('app/main')
        .then(null, console.error.bind(console));
</script>

---

此配置在main.ts文件中设置，此文件应放在app/文件夹中，而不是放在名为main的子文件夹中。此文件是主应用程序，它负责告诉index.html文件在何处查找应用程序文件

这里有两个选项：

1-将

main.ts

文件放入

app/main.ts

2-将

systemjs.config.js

更改为指向主文件夹

...
packages: {
  app: {
    main: './main/main.js', // here you can set the new folder
    ...
  },
...

---

谢谢你说得对，只是我在systemjs中更改了路线。该应用程序可以工作：）