如何使用 Auth0 配置 SystemJS?
How configure SystemJS with Auth0?
我尝试为 Auth0 (angular2-jwt) 和 Angular 2.0.0-beta.6 配置 SystemJS,但我总是收到以下错误:
GET http://localhost:3000/angular2/http 404 (Not Found)fetchTextFromURL @ system.src.js:1068(anonymous function) @ system.src.js:1649lib$es6$promise$$internal$$initializePromise @ angular2-polyfills.js:515lib$es6$promise$promise$$Promise @ angular2-polyfills.js:806(anonymous function) @ system.src.js:1648(anonymous function) @ system.src.js:2669(anonymous function) @ system.src.js:3233(anonymous function) @ system.src.js:3500(anonymous function) @ system.src.js:4116(anonymous function) @ system.src.js:4324(anonymous function) @ system.src.js:4564(anonymous function) @ system.src.js:326Zone.run @ angular2-polyfills.js:1243zoneBoundFn @ angular2-polyfills.js:1220lib$es6$promise$$internal$$tryCatch @ angular2-polyfills.js:468lib$es6$promise$$internal$$invokeCallback @ angular2-polyfills.js:480lib$es6$promise$$internal$$publish @ angular2-polyfills.js:451(anonymous function) @ angular2-polyfills.js:123Zone.run @ angular2-polyfills.js:1243zoneBoundFn @ angular2-polyfills.js:1220lib$es6$promise$asap$$flush @ angular2-polyfills.js:262
angular2-polyfills.js:1243 Error: XHR error (404 Not Found) loading http://localhost:3000/angular2/http(…)
SystemJS:
<script>
//configure system loader
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
},
'angular2-jwt': {
defaultExtension: 'js'
}
},
map: {
'angular2-jwt': 'node_modules/angular2-jwt/angular2-jwt.js'
}
});
</script>
此外,我已经阅读了 SystemJS documentation 但我不确定如何解决此问题。
您似乎没有与其他脚本一起导入 angular2/http
脚本:
<script src="https://code.angularjs.org/2.0.0-beta.6/angular2.dev.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.6/http.js"></script> <!-- add this -->
别忘了bootstrap它,否则你会得到:
EXCEPTION: No provider for Http! (AppComponent -> Http)
...
Error: DI Exception ...
Bootstrap它:
import {bootstrap} from 'angular2/platform/browser'
import {HTTP_PROVIDERS} from 'angular2/http';
import {AppComponent} from './app.component'
bootstrap(AppComponent, [HTTP_PROVIDERS]);
我尝试为 Auth0 (angular2-jwt) 和 Angular 2.0.0-beta.6 配置 SystemJS,但我总是收到以下错误:
GET http://localhost:3000/angular2/http 404 (Not Found)fetchTextFromURL @ system.src.js:1068(anonymous function) @ system.src.js:1649lib$es6$promise$$internal$$initializePromise @ angular2-polyfills.js:515lib$es6$promise$promise$$Promise @ angular2-polyfills.js:806(anonymous function) @ system.src.js:1648(anonymous function) @ system.src.js:2669(anonymous function) @ system.src.js:3233(anonymous function) @ system.src.js:3500(anonymous function) @ system.src.js:4116(anonymous function) @ system.src.js:4324(anonymous function) @ system.src.js:4564(anonymous function) @ system.src.js:326Zone.run @ angular2-polyfills.js:1243zoneBoundFn @ angular2-polyfills.js:1220lib$es6$promise$$internal$$tryCatch @ angular2-polyfills.js:468lib$es6$promise$$internal$$invokeCallback @ angular2-polyfills.js:480lib$es6$promise$$internal$$publish @ angular2-polyfills.js:451(anonymous function) @ angular2-polyfills.js:123Zone.run @ angular2-polyfills.js:1243zoneBoundFn @ angular2-polyfills.js:1220lib$es6$promise$asap$$flush @ angular2-polyfills.js:262
angular2-polyfills.js:1243 Error: XHR error (404 Not Found) loading http://localhost:3000/angular2/http(…)
SystemJS:
<script>
//configure system loader
System.config({
packages: {
app: {
format: 'register',
defaultExtension: 'js'
},
'angular2-jwt': {
defaultExtension: 'js'
}
},
map: {
'angular2-jwt': 'node_modules/angular2-jwt/angular2-jwt.js'
}
});
</script>
此外,我已经阅读了 SystemJS documentation 但我不确定如何解决此问题。
您似乎没有与其他脚本一起导入 angular2/http
脚本:
<script src="https://code.angularjs.org/2.0.0-beta.6/angular2.dev.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.6/http.js"></script> <!-- add this -->
别忘了bootstrap它,否则你会得到:
EXCEPTION: No provider for Http! (AppComponent -> Http)
...
Error: DI Exception ...
Bootstrap它:
import {bootstrap} from 'angular2/platform/browser'
import {HTTP_PROVIDERS} from 'angular2/http';
import {AppComponent} from './app.component'
bootstrap(AppComponent, [HTTP_PROVIDERS]);