道招

安装运行angular2

如果您发现本文排版有问题,可以先点击下面的链接切换至老版进行查看!!!

安装运行angular2

现在官方貌似推荐用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) angular2-polyfills.js:332 Error: Error: XHR error (404 Not Found) loading http://127.0.0.1:8080/rxjs....
正常运行才会出现下面的界面 Angular2
更新时间:
上一篇:angular表单验证$parsers和$validators方式区别下一篇:angularjs2会报错“GET http://127.0.0.1/traceur 404 (Not Found)”

相关文章

前端也会需要一个消费队列

现在我们已经习惯了模块化,微服务化,这样的确带来了很多的好处,但是有时也会有些小麻烦。比如: A组件和B组件各要调用一个接口,并且根据接口调用完成后执行回调,要求A组件的回调较B组件的先执行。 如果 阅读更多…

关注道招网公众帐号
道招开发者二群