CRA依赖注入不生效？

[gitHber]

create-react-app使用ts，依赖注入不生效，添加 babel-plugin-transform-typescript-metadata 也没用
App.js

import "reflect-metadata";
import React from "react";
import { initDevtool } from "@sigi/devtool";
import { TestModule } from "./modules/test.module";
import { useModule } from "@sigi/react";

initDevtool();
function App() {
  const [state, dispatcher] = useModule(TestModule);
  return (
    <div className="App">
      {state.count}
      <button onClick={() => dispatcher.add()}>add</button>
    </div>
  );
}

export default App;

a.service.ts

import { Injectable } from "@sigi/di";

@Injectable()
export default class AService {
  do() {
    console.log("do something");
  }
}

test.module.ts

import {
  Module,
  EffectModule,
  ImmerReducer,
} from "@sigi/core";
import { Observable } from "rxjs";

import AService from "../services/a.service";

interface State {
  count: number;
}

@Module("Test")
export class TestModule extends EffectModule<State> {
  defaultState = { count: 0 };
  constructor(private readonly a: AService) {
    super();
  }
  @ImmerReducer()
  add(state: State) {
    console.log(this);
    state.count += 1;
  }
}

babel.config.js

module.exports = {
  plugins: [
    "babel-plugin-transform-typescript-metadata",
    ["@babel/plugin-proposal-decorators", { legacy: true }],
    ["@babel/plugin-proposal-class-properties", { loose: true }],
  ],
};

[Brooooooklyn]

@gitHber 你的 tsconfig 中

"emitDecoratorMetadata": true,
"experimentalDecorators": true,

两个选项开了吗

[gitHber]

@gitHber 你的 tsconfig 中

"emitDecoratorMetadata": true,
"experimentalDecorators": true,

两个选项开了吗

开了的

[Brooooooklyn]

将你的 initDevtool 移到 ReactDOM.render 后执行

[gitHber]

没有变化

[Brooooooklyn]

CRA 默认不允许修改任何配置，你需要先使用 react-app-rewired 重写 CRA 的 babel config storybookjs/storybook#6479 (comment)

或者使用 customize-cra: rbuckton/reflect-metadata#104 (comment)

[gitHber]

你能给个例子吗？我都试过了，还是不生效，目前我只能手动注入

[Brooooooklyn]

@gitHber https://github.com/sigi-framework/cra-example

[gitHber]

@gitHber https://github.com/sigi-framework/cra-example
thx， 好像是我用的是babel.config.js，而不是.babelrc，所以没能识别