javascript - Angular2 typescript 的环境问题

标签 javascript angular typescript environment

Angular2 typescript 的环境问题。

我无法运行 angular2 项目。 Typescript 编译器没有错误。

浏览器控制台中仅出现错误。

这是我的错误控制台:

enter image description here

这是我的index.html:

enter image description here

最佳答案

我发现了这个问题。

我没有将我的实时服务器指向正确的位置。 基本上,我太深了,所以它无法引用节点模式。

我的index.html也必须进行此更改:

 <!DOCTYPE html>
 <html>
   <head>
     <base href="/"></base>
     <title>Angular</title>

     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ==" crossorigin="anonymous">

     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX" crossorigin="anonymous">

     <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous"></script>

     <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.18.4/system.src.js"></script>    

     <script>
         System.config({
             transpiler: 'typescript',
             defaultJSExtensions: true
         });
     </script>

     <!--<script src="angular2.dev.js"></script>
     <script src="router.dev.js"></script>
     <script src="http.js"></script>
     <script src="firebase/firebase.js"></script>-->  

     <script src="../node_modules/angular2/bundles/angular2.dev.js"></script>
     <script src="../node_modules/angular2/bundles/router.dev.js"></script>
     <script src="../node_modules/angular2/bundles/http.js"></script>
     <script src="/src/firebase/firebaseNew.js"></script>  

   </head>

   <body class="container">
     <app></app>
     <script>
       /*System.import('app/app');*/
       System.import('src/app/app');
     </script>
   </body>
 </html>

我已经注释掉了index.html中原来的内容。

我现在使用 git bash 来指向我的实时服务器:live-server --entry-file=src/index.html

关于javascript - Angular2 typescript 的环境问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34137108/

相关文章:

javascript - 在下划线/lodash 链中插入数组

javascript - 了解angular2中的依赖注入(inject)

typescript - getter 和 setter 具有不同类型的索引签名

javascript - 使用 RxJs Observable 实现延迟队列

javascript - 为什么 myVar 未定义?

angular - Jasmine : Spying an exported function that is called by an another function doesn't work

angular - 为什么服务错误以字符串而不是 json 对象的形式发送回来?

javascript - D3 Javascript - 使用数据绑定(bind)重复一组形状

javascript - 显示从数据库中检索到的图像(C# 和 JS)

javascript - Angularjs:element.bind ('click' ) 事件有效但 element.bind ('load' ) 事件无效