簡單的角2的應用程序提供了「可能未處理拒絕」錯誤

的index.html：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8"/> 
     <title>FlyLeaf</title> 
     <script src="js/lib/system.js"></script> 
     <script src="js/lib/angular2.dev.js"></script> 
    </head> 
    <body> 

     <main-app></main-app> 

     <script> 
      System.config({ 
       paths: { 
        'app.js': 'js/app.js' 
       } 
      }); 
      System.import('app.js'); 
     </script> 

    </body> 
</html>

和內部app.js：

import {Component, View, bootstrap} from 'angular2/angular2'; 

@Component({ 
    selector: 'main-app' 
}) 
@View({ 
    directives: [CSSClass, NgFor], 
    template: ` 
     <h1>My first Angular 2 App</h1> 
    ` 
}) 

class MainApp { 
    constructor() { 
     this.footerLinks = []; 
    } 
} 

bootstrap(MainApp);

和給我這個錯誤：

"Potentially unhandled rejection [3] Error loading "app.js" at http://localhost/HelloWorld/js/app.js 
http://localhost/HelloWorld/js/app.js:3:1: Unexpected token @ (WARNING: non-Error used)"

我看到了它的工作在plunker，並在本地也沒有... :(

（兩個火狐&鉻）

來源

2015-08-19 pesho hristov

對於我所看到的錯誤，你缺少traceur，這將讓我們使用註釋

因此，在你的HTML添加這個（請參閱甚至在文檔中添加6. Declare the HTML下）

<script src="https://github.jspm.io/jmcriffey/[email protected]/traceur-runtime.js"></script>

，並在您System.config添加這些選項

System.config({ 
    traceurOptions: { 
     annotations: true, 
     types: true, 
     memberVariables: true 
    }, 
//...

最後，作爲一個建議，使用System.import這樣

System.import("your.app").catch(console.log.bind(console));

有了這個，你就可以捕捉一些更多的錯誤。

試一試，你應該好好去。

來源

2015-08-19 15:04:56

是的，在加載traceur和config選項後 - 然後運行:)（它有語法錯誤，但對於app.js的第一行 - 「import {Composer ...」。但它工作正常。。：D ...） –

現在語法錯誤消失了。我所做的是我從「lib」文件夾中下載了四個文件 - angular2.dev.js（來自＃32），system.js，traceur-runtime.js和[email protected]，以及使HTML從那裏加載它們，現在一切正常 - 我擁有本地所有必要的功能，並且我的代碼正在工作:) ... –

簡單的角2的應用程序提供了 「可能未處理拒絕」 錯誤

回答

相關問題

簡單的角2的應用程序提供了「可能未處理拒絕」錯誤