Angular 2-Fehler: SyntaxError: Unerwartetes Token <

Question

Ich weiß, dass diese Frage über 100 Mal gestellt wird, aber ich bekomme diesen Fehler. Bitte überprüfen Sie den Screenshot.

Error: SyntaxError: Unexpected token < at Object.eval (http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/date-formatter.js:2:14) at eval (http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/date-formatter.js:13:4) Evaluating http://localhost:3000/moment Evaluating http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/date-formatter.js Evaluating http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/datepicker-inner.js Evaluating http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/datepicker.js Evaluating http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker/datepicker-popup.js Evaluating http://localhost:3000/node_modules/ng2-bootstrap/components/datepicker.js Evaluating http://localhost:3000/node_modules/ng2-bootstrap/ng2-bootstrap.js Error loading http://localhost:3000/app/main.js

Ich folgte die Lösung, die zur Befestigung der Systemkonfiguration gegeben ist

System.config({ 
     packages: { 
      app: { 
      format: 'register', 
      defaultExtension: 'js' 
      }, 
      'ng2-bootstrap': { 
      defaultExtension: 'js' 
      } 
     }, 
     map: { 
      // place for ng2 modules mapping 
      'ng2-bootstrap': 'node_modules/ng2-bootstrap' 
     } 
}); 

aber nach dieser Lösung erhalte ich den Fehler und die Seite wird nicht geladen ...

jemand weiß, dass die Schritte zu folgen dann lass es mich wissen.

Answer 1

In der Tat lieferte ng2-boostrap eine gebündelte Datei. fügen Sie es einfach in ein Skript Element und entfernen Sie die entsprechende Konfiguration von SystemJS:

<script src="node_modules/ng2-bootstrap/bundles/ng2-bootstrap.js"></script> 

System.config({ 
    packages: { 
     app: { 
     format: 'register', 
     defaultExtension: 'js' 
     }, 
     'ng2-bootstrap': { 
     defaultExtension: 'js' 
     } 
    }, 
    map: { 
     // place for ng2 modules mapping 
     'ng2-bootstrap': 'node_modules/ng2-bootstrap' 
    } 
}); 

Diese NG2-Bootstrap nach der Installation mit npm getan werden kann.