来自CDN的angular2加载了我的页面，但是我代码的node_modules中的angular2没有加载

Question

When I use the following CDN in my index.html to provide angular2, my page loads.

<script src="https://code.angularjs.org/2.0.0-alpha.47/angular2.dev.js"></script>

I have the same alpha.47 version in my code in the node_modules directory. That directory is directly below the angular2-oPost directory containing index.html. When I replace the CDN script with

<script src="./angular2-oPost/node_modules/angular2/angular2.js"></script>

the page no longer loads.

Console errors start with an error referring to angular2 code:

ReferenceError: require is not defined    angular2.js: 4:1
http://localhost/angular2-oPost/angular2/angular2.js    404 not found

then there are many not founds starting with http://localhost/angular2-oPost/angular2/ . . .

The reference error is in Google's code. The 404 says something is looking for angular2 in a directory that does not exist. Is angular2.js looking for something else. What should I change?

Answer 1

Like Eric said you were pointing to the wrong file, you need to point to:

node_modules/angular2/bundles/angular2.js

or

node_modules/angular2/bundles/angular2.dev.js

The purpose of them its obvious in the name itself, angular2.dev.js its meant to be used in development environment, and the other one for production.

I don't know all the exact differences between them though, I believe the main idea was to do less detail in the error logging but I have not noticed it myself yet, not that I have paid too much attention.

Also check:
- https://github.com/angular/angular/issues/3458
- angular2.js vs angular2.dev.js

Looks like the proposal of what it "should" be, but the thing being in "beta" that looks like epsilon and all it might not be true, or at least not yet.