Angular 2 в laravel не работает

Question

Поэтому я последовал этому уроку и в конце я получил эту ошибку

system.src.js:1049 GET http://localhost:8000/boot.js 404 (Not Found)

это мой глоток

const elixir = require('laravel-elixir');

var elixirTypscript = require('elixir-typescript');

elixir(function(mix) {
   mix.sass('app.scss');

mix.copy('node_modules/angular2', 'public/angular2');
mix.copy('node_modules/rxjs', 'public/rxjs');
mix.copy('node_modules/systemjs', 'public/systemjs');
mix.copy('node_modules/es6-promise', 'public/es6-promise');
mix.copy('node_modules/es6-shim', 'public/es6-shim');
mix.copy('node_modules/zone.js', 'public/zone.js');

mix.typescript(
    [
        'app.component.ts',
        'boot.ts'
    ],
    'public/',
    {
        "target": "es5",
        "module": "system",
        "moduleResolution": "node",
        "sourceMap": true,
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "removeComments": false,
        "noImplicitAny": false
    }
);

});

это мой app.component.ts:

import {Component} from 'angular2/core';

@Component({
    selector: 'my-app',
    template: `<h1>My First Angular 2 App</h1>`
})
export class AppComponent { }

и это мой ботинок:

///<reference path="../../../node_modules/angular2/typings/browser.d.ts"/>

import {bootstrap}    from 'angular2/platform/browser'
import {AppComponent} from './app.component'

bootstrap(AppComponent);

и, наконец, это мой клинок, я поместил эти строки в заголовок, если это имеет значение (я действительно больше не знаю...)

 <script src="es6-shim/es6-shim.min.js"></script>
    <script src="systemjs/dist/system-polyfills.js"></script>
    <script src="angular2/es6/dev/src/testing/shims_for_IE.js"></script>
    <script src="angular2/bundles/angular2-polyfills.js"></script>
    <script src="systemjs/dist/system.src.js"></script>
    <script src="rxjs/bundles/Rx.js"></script>
    <script src="angular2/bundles/angular2.dev.js"></script>
    <script>
        System.config({
            "defaultJSExtensions": true,
            packages: {
                app: {
                    format: 'register',
                    defaultExtension: 'js'
                }
            }
        });

        System.import('boot')
                .then(nPull, console.error.bind(console));
    </script>

Answer 1

Убедитесь, что ваши файлы.ts находятся в "resources / assets / typescript /", а ваш вызов на странице имеет полный путь, например "app / typescript /".

после вызова Gulp он создаст "app / typescript /" с файлами в ваших "resources / assets / typescript /"

System.import('app/typescript/boot').catch(console.log.bind(console))

на моей настройке работает нормально после этого корректирует.