angular - 打字稿“无法解析组件的所有参数”错误

Question

我的 Rails + Angular + Webpacker 项目有问题。在尝试HttpClient在组件的构造函数中使用时，我收到了以下消息：

Can't resolve all parameters for CreateUserComponent: (?)

这是我的相关代码：

创建-user.component.ts

import { Component } from '@angular/core';
import templateString from './create-user.component.html';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'csw-create-user',
  template: templateString
})

export class CreateUserComponent {
  constructor(private http: HttpClient) {}
}

用户模块.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { HttpClientModule } from "@angular/common/http";
import { BrowserModule } from '@angular/platform-browser';
import { CreateUserComponent } from './create-user.component';

@NgModule({
  imports: [
    CommonModule,
    HttpClientModule,
    BrowserModule
  ],
  declarations: [
    CreateUserComponent
  ],
  exports: [
    CreateUserComponent
  ]
})

export class UserModule { }

tsconfig.json

{
  "compilerOptions": {
    "declaration": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": ["es6", "dom"],
    "module": "es6",
    "moduleResolution": "node",
    "baseUrl": ".",
    "sourceMap": true,
    "target": "es5"
  },
  "exclude": [
    "**/*.spec.ts",
    "node_modules",
    "vendor",
    "public"
  ],
  "compileOnSave": false
}

我一直在寻找这个，并尝试了几种不同的方法来修复它，包括：

• 运行tsc命令生成JavaScript，运行时却出现同样的错误（平时我只是用rails s命令启动服务器，没有运行tsc命令）
• 确保没有循环依赖（CreateUserComponent不使用我创建的任何东西）
• 确保我的tsconfig.json文件具有编译选项emitDecoratorMetadata并experimentalDecorators设置为true
• 将HttpClientModule_ user.module.ts_app.module.ts
• HttpClientModule只导入app.module.ts
• HttpClientModule只导入user.module.ts
• 重新启动我的本地服务器

然而，这些都没有奏效。对此真的很困惑，非常感谢任何帮助。谢谢！

标签： angulartypescriptdependency-injection