Проблема пути в Angular2 app на страницах github

Я новичок в Angular2 и намерен настроить небольшое приложение Angular2 (HelloWorld в настоящее время) на страницах github для запуска.

Я создал ng2-liteviaangular-cli, размещенный на сайте . Развертывание обеспечивается angular-cli. Он развернут в gh-pagesветви для отображения.

Недавно я обнаружил другой способ, отличный angular-cliот этого . Я создал ng2-rawс нуля с похожим кодом, но без какой-либо операции развертывания, размещенной на сайте

Однако я столкнулся с некоторыми проблемами при создании ng2-raw. После отладки не удалось найти cssили htmlпо относительному пути (которые находятся под тем же путем, tsчто и), поэтому я изменил путь, чтобы заставить его работать.

Пожалуйста, проверьте другой код в моих двух РЕПО:

github.com/MoYummy/ng2-lite/blob/master/src/app/hello.component.ts

import { Component } from '@angular/core';

@Component({
    selector: 'hello',
    templateUrl: './hello.component.html',
    styleUrls: ['./hello.component.css']
})
export class HelloComponent {
    name: string = 'World';
}

github.com/MoYummy/ng2-raw/blob/gh-pages/helloworld/app/hello.component.ts

import {Component} from 'angular2/core';

@Component({
    selector: 'hello',
    templateUrl: './app/hello.component.html',
    styleUrls: ['./app/hello.component.css']
})
export class HelloComponent {
    name: string = 'ng2';
}

Почему я должен обновлять эти пути? Что делать, если структура кода станет сложной в будущем или если я попытаюсь переместить один компонент в подпапку?

В чем разница между двумя способами развертывания приложения Angular2?

1 ответ

  1. После консультации с автором этого РЕПО, он сказал мне, что его РЕПО используется systemjsдля загрузки файла js.

    Его сайт предназначен для простой демонстрации, поэтому не рекомендуется развертывать облегченную версию приложения ng2 таким образом. Вместо angular-cliэтого лучше.

    Я хотел бы прекратить дальнейшие исследования в ng-raw .