gpt4 book ai didi

dependency-injection - 找不到 Angular2 http 服务

转载 作者:太空狗 更新时间:2023-10-29 17:30:02 24 4
gpt4 key购买 nike

无法获得在 angular2 中工作的简单 http 服务。出于某种原因,我刚刚在服务上收到 404。它还不包含任何功能,但我觉得 DI 不起作用。

当我在引导应用程序时添加 TestService 后,我得到以下信息。获取 http://127.0.0.1:8080/testService 404(未找到)

index.html

<!DOCTYPE html>
<html lang="en-GB">
<head>
<title>AngularJS 2 Tutorial Series</title>
<script src="https://code.angularjs.org/2.0.0-beta.0/angular2-polyfills.js"></script>
<script src="https://code.angularjs.org/tools/system.js"></script>
<script src="https://code.angularjs.org/tools/typescript.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.1/Rx.js"></script>
<script src="https://code.angularjs.org/2.0.0-beta.1/angular2.dev.js"></script>
<script>
System.config({
transpiler: 'typescript',
typescriptOptions: { emitDecoratorMetadata: true }
});
System.import('./app/app.ts');
</script>
</head>
<body>

<my-app>loading...</my-app>

</body>
</html>

应用.ts

import {bootstrap} from 'angular2/platform/browser';
import {Component} from 'angular2/core';
import {Injectable} from 'angular2/core'
import {TestService} from 'testService';

@Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>',
})

class AppComponent {
}

bootstrap(AppComponent, [TestService]);

测试服务.ts

import {Http} from 'angular2/http';
import {Injectable} from 'angular2/core';

@Injectable()
export class TestService {
constructor(public http: Http){
}
}

最佳答案

我刚遇到这个问题,通过将脚本引用添加到 http 包来修复它:

<script src="node_modules/angular2/bundles/http.dev.js"></script>

记得我在实现路由后添加了类似的资源后试了一下。希望这对其他人有帮助!

关于dependency-injection - 找不到 Angular2 http 服务,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34879820/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com