Angular 2 - SyntaxError: Ungültiger regulärer Ausdruck: missing/

Ich habe gerade eine angular 2 Tutorial-App von this repo gestartet, ich kann die App starten und den statischen Inhalt zur Anzeige bringen, aber kann keinen dynamischen Inhalt von der Komponente anzeigen, ich vermute den Fehler hat etwas damit zu tun.Angular 2 - SyntaxError: Ungültiger regulärer Ausdruck: missing/

Das Tutorial kommt mit einem Video, aber der Fehler ist nicht auf dem Video.

ich diesen Fehler:

angular2-polyfills.js:390 Error: SyntaxError: Invalid regular expression: missing/
     at ZoneDelegate.invoke (http://localhost:3000/node_modules/angular2/bundles/angular2-polyfills.js:390:29) 
     at Zone.run (http://localhost:3000/node_modules/angular2/bundles/angular2-polyfills.js:283:44) 
     at http://localhost:3000/node_modules/angular2/bundles/angular2-polyfills.js:635:58 
    Evaluating http://localhost:3000/app/app.component.js 
    Error loading http://localhost:3000/app/app.component.js as "./app.component" from http://localhost:3000/app/main.js

Meine index.html wie folgt aussieht:

<!DOCTYPE html> 
<html> 

<head> 
    <title>Acme Product Management</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link href="node_modules/bootstrap/dist/css/bootstrap.css" rel="stylesheet" /> 
    <link href="app/app.component.css" rel="stylesheet" /> 

    <!-- 1. Load libraries --> 
    <!-- IE required polyfills, in this exact order --> 
    <script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js"></script> 
    <script src="node_modules/es6-shim/es6-shim.min.js"></script> 
    <script src="node_modules/systemjs/dist/system-polyfills.js"></script> 

    <script src="node_modules/angular2/bundles/angular2-polyfills.js"></script> 
    <script src="node_modules/systemjs/dist/system.src.js"></script> 
    <script src="node_modules/rxjs/bundles/Rx.js"></script> 
    <script src="node_modules/angular2/bundles/angular2.dev.js"></script> 

    <!-- 2. Configure SystemJS --> 
    <script> 
     System.config({ 
     packages: {   
      app: { 
      format: 'register', 
      defaultExtension: 'js' 
      } 
     } 
     }); 
     System.import('app/main') 
      .then(null, console.error.bind(console)); 
    </script> 
</head> 

<body> 
    Starter files for Angular2: Getting Started 
</body> 

</html>

Mein app.component.ts wie folgt aussieht:

import { Component } from 'angular2/core'; 

@Component({ 
    selector: 'pm-app', 
    template: 
    <div><h1>{{pageTitle}}</h1> 
    <div>My first Component</div> 
    </div> 

}) 
export class AppComponent { 
    pageTitle: string = 'Acme Product Management'; 
} 

export class TestComponent { 
    pageTitle: string = 'Acme Product Management'; 
}

und meine main.ts wie folgt aussehen:

import { bootstrap } from 'angular2/platform/browser'; 

// Our main component 
import { AppComponent } from './app.component'; 

bootstrap(AppComponent);

HINWEIS: Sie Typoskript im Video verwenden, und ich bin nicht mit Maschinenschrift.

Quelle

2016-07-20 D' lo DeProjuicer

Sie tun Verwenden Sie '' mit 'Muster' irgendwo oder irgendetwas anderes mit regexp? –

@ GünterZöchbauer index.html ist das ganze html was ich bisher habe –

Könnte sein, dass Sie einige backticks hinzuzufügen vergessen (Blick auf die Template-Parameter):

@Component({ 
    selector: 'pm-app', 
    template: ` 
    <div><h1>{{pageTitle}}</h1> 
    <div>My first Component</div> 
    </div>`

Quelle

2016-07-20 19:15:29 sirrocco

habe ich das versucht aber eine Flut von 'Token muss definiert werden!' Syntaxfehler –

es sieht alt mir, es gibt bessere Möglichkeiten zu starten: https://github.com/angular/quickstart https://github.com/angular/angular-cli

Quelle

2016-07-20 19:15:36 Avi

Angular 2 - SyntaxError: Ungültiger regulärer Ausdruck: missing/

Antwort

Verwandte Themen