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

随机文章

windows版Skitch2.0全新UI更易分享
windows版Skitch2.0全新UI更易分享

阿里的来往也开始要引入游戏了
阿里的来往也开始要引入游戏了

android读取、写入文件
android读取、写入文件

AngularJS的controllerAs常见用法
AngularJS的controllerAs常见用法

百度与微软必应bing的合作
百度与微软必应bing的合作

相关文章

windows最新版chrome出现卡顿?
windows最新版chrome出现卡顿?

三星首次承认正在研发智能手表
三星首次承认正在研发智能手表

让网站快速提醒用户升级IE6,letskillie6
让网站快速提醒用户升级IE6,letskillie6

twitter的开源机器人wolfram
twitter的开源机器人wolfram

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

Chrome插件将Android Market应用(apk)直接下载到本地电脑
Chrome插件将Android Market应用(apk)直接下载到本地电脑

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