现在官方貌似推荐用typescript来开发Angular,访问官方网站http://angular.io,点击Get Started,就会跳转到https://angular.io/docs/ts/latest/quickstart.html,这里是开发入门示例。但是实际上一般我们按照官方的配置还是把官方的示例跑起来,因为我们还缺少一些东西未下载,官方的示例也并没有提醒小白们。
首先我们得安装nodejs(版本在6.x以上),它里面已经自带了npm。安装官方的介绍运行npm install之后,我们还要在项目中安装rxjs,

npm install rxjs

没有正常安装的时候运行npm start或者http-server运行服务器,打开http://127.0.0.1:8080/只会看见页面上出现 loading,这是因为index.html里面有如下代码:

 <body>
    <my-app>Loading...</my-app>
  </body>

未能正常加载组件app.component.ts

import { Component } from '@angular/core';
@Component({
  selector: 'my-app',
  template: '<h1>My First Angular App</h1>'
})
export class AppComponent { }

出现的错误一般是
Failed to load resource: the server responded with a status of 404 (Not Found)
-polyfills.js:332 Error: Error: XHR error (404 Not Found) loading http://127.0.0.1:8080/rxjs….
正常运行才会出现下面的界面
Angular2

随机文章

java编写五子棋
java编写五子棋

财猫省钱浏览器针对java异常hold住
财猫省钱浏览器针对java异常hold住

黑莓官方催促twitter用户用回老版本客户端
黑莓官方催促twitter用户用回老版本客户端

联通上网宽带账号解密,摆脱宽带我世界,轻松用路由
联通上网宽带账号解密,摆脱宽带我世界,轻松用路由

android常用的junit
android常用的junit

要多垃圾就有多垃圾的新网
要多垃圾就有多垃圾的新网

相关文章

企业邮箱用户名太短的悲哀
企业邮箱用户名太短的悲哀

AngularJs的provider里面的装饰器decorator
AngularJs的provider里面的装饰器decorator

Java基础第十一讲:面向对象基础(五)
Java基础第十一讲:面向对象基础(五)

oppo手机通讯录玩法
oppo手机通讯录玩法

内容分享:道招
本文链接:安装运行angular2
道招声明:除特别标注或作者不详外,本站所有文章均为原创,转载请注明。欢迎共同关注互联网!