虚拟问题...
我尝试在 jsfiddle 的 Typescript 中编写一个 angular2 (2.0.0-beta.6) 应用程序。
我知道网上还有其他解决方案，但是...
事实上，我的例子很小，问题出在导入模块上:
import {bootstrap} from 'angular2/platform/browser'
import {Component} from 'angular2/core';
我收到以下错误:
Uncaught ReferenceError: System is not defined
Uncaught ReferenceError: require is not defined
我尝试添加一些依赖项(require、system ...)，但它不起作用。
Angular2 (angular2.sfx.dev.js) 的最新版本 (beta-6) 不再有自执行包。
一些测试:
https://jsfiddle.net/asicfr/q8bwosfn/1/
https://jsfiddle.net/asicfr/q8bwosfn/3/
https://jsfiddle.net/asicfr/q8bwosfn/4/
https://jsfiddle.net/asicfr/q8bwosfn/5/
https://jsfiddle.net/asicfr/q8bwosfn/6/
最佳答案
在 Plunker 中你可以只使用菜单
New > Angularjs > 2.0.x (TS)
获得一个最小的 Angular2 应用程序
路由器
如果你想使用路由器添加 config.js
'@angular/router': {
main: 'router.umd.js',
defaultExtension: 'js'
},
<base href=".">作为 <head> 中的第一个 child 的 index.html可能也是必要的。
切换到HashLocationStrategy更改 main.ts来自
import {bootstrap} from '@angular/platform-browser-dynamic';
import {App} from './app';
bootstrap(App, [])
.catch(err => console.error(err));
到
import {bootstrap} from '@angular/platform-browser-dynamic';
import {App} from './app';
import {provide} from '@angular/core'
import {ROUTER_PROVIDERS} from '@angular/router';
import {LocationStrategy, HashLocationStrategy} from '@angular/common';
bootstrap(App, [ROUTER_PROVIDERS, provide(LocationStrategy, {useClass: HasLocationStrategy}])
.catch(err => console.error(err));
关于import - 如何在 Jsfiddle 中使用 Angular2 和 Typescript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35367962/