CODEWITHSUNDEEP
angularsystemjs
Jonas Arcangel
Jonas Arcangel

Reputation: 1925

Import unable to locate angular2 in beta.1

The sample code found in AngularJS 2.0 Getting Started with Visual Studio works with alpha.28 version. When I change the scripts from

<script src="https://github.jspm.io/jmcriffey/[email protected]/traceur-runtime.js"></script>
<script src="https://jspm.io/[email protected]"></script>
<script src="https://code.angularjs.org/2.0.0-alpha.28/angular2.dev.js"></script>

to

<script src="https://github.jspm.io/jmcriffey/[email protected]/traceur-runtime.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/systemjs/0.18.4/system.src.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.1/angular2.js"></script>

I get an error that says "[local server]/angular2/angular2" is not found.

What has changed since then and how do I configure angular2 to be imported from a CDN?

Upvotes: 2

Views: 612

Answers (1)

Pankaj Parkar
Pankaj Parkar

Reputation: 136164

Basically it is causing error from you app.ts file where you have your component resides.

For importing Component, View & bootstrap old version has angular2/angular2 path

import {Component, View, bootstrap} from 'angular2/angular2';

Everyone knows day by day angular2 API has changed rapidly.

So as per current version you need to do angular2/core for importing Component, View

& bootstrap should imported from angular2/platform/browser js

import {Component, View} from 'angular2/core';
import {bootstrap} from 'angular2/platform/browser';
import {NgFor} from 'angular2/common'; //common things are there in common module

Other than that Rx jx component has been moved out from angular2.dev.js, if you have any code related then you need to include Rx.js separately in your app.

Also you need to include angular2-polyfills.js & es6-shim.js js files to enable support for the older application.

Angular2 Changelog.md

Upvotes: 1

Related Questions