现在官方貌似推荐用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

随机文章

android手机QQ2012很给力
android手机QQ2012很给力

新的英伟达芯片能让手机拥有电脑版的性能
新的英伟达芯片能让手机拥有电脑版的性能

javascript让图片来回移动
javascript让图片来回移动

U盘被写保护无法格式化的解决方法
U盘被写保护无法格式化的解决方法

自2010起百度在移动方面上涨1000%
自2010起百度在移动方面上涨1000%

相关文章

sandisk cruzer U盘量产,写入ISO
sandisk cruzer U盘量产,写入ISO

财猫省钱浏览器使用心得
财猫省钱浏览器使用心得

谷歌生日,9月27日?
谷歌生日,9月27日?

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

windows下xampp的mysql中文乱码
windows下xampp的mysql中文乱码

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

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