When react + typescript, use the modifier to compile the error?

function dectest(target: any) {
    target.prototype.name = "isfufeng"
}

@dectest
export default class Home extends React.Component<Props, State> {
    constructor(props: any) {
        super(props)
    }
}

first, I used this to add a name class to it, but there was an error in the compilation time

Module not found: Error: Can"t resolve "babel-runtime/core-js/reflect/metadata" in "d:\allpro\reactdom\reactM\reactAdmin\src\components\home"

is followed by the connect method of react-redux.


  "ComponentClass<Pick<any, never>> & { WrappedComponent: ComponentType<any>; }" "typeof Home" 
    "Component<Pick<any, never>, ComponentState>" "Home" 
      "componentDidMount" "Component<Pick<any, never>, ComponentState>" "Home"

added

to .babelrc

"plugins": [
        "react-hot-loader/babel",
        "transform-decorators-legacy",
        "transform-runtime",
        "transform-class-properties"
    ],

there are great gods who know how to solve it.

Typescript webpack javascript

Mar.11,2021

Hello, has this been solved? how to deal with it

import { State } from "./reducers";
import { MapDispatchToPropsParam, connect as ConnectRedux } from "react-redux";

export function connect<TDispatchProps = {}, TOwnProps = any>(
  mapStateToProps?: (state: State, ownProps?: TOwnProps) => any,
  mapDispatchToProps?: MapDispatchToPropsParam<TDispatchProps, TOwnProps>
): any {
  return ConnectRedux(mapStateToProps, mapDispatchToProps);
}

@connect(state => {
  const pathname = state.router.location.pathname;
  return {}
})

Previous: How to make two store files communicate with each other in vuex

Next: Quill editor, how to get the straightness of div, and then put it to input?

Webpack resolve.alias cannot find module Cannot find module
the project structure is as follows: import sign from common utils sign ; console.log(sign( hello )); webpack.config.js configure alias resolve: { alias: { common: .. common } } error when starting app project: ERROR in [a...

Typescript webpack javascript

Mar.10,2021
Webpack used typeScript, to install js-cookie and introduced it in .ts but said that the module could not be found
install: npm i js-cookie-- save Import: import Cookies from js-cookie ; restart: npm run dev error in. src utils cookie.ts [tsl] error TS7016: Could not find a declaration file for module js-cookie . C: jiGouHouTai node_modules...

Typescript webpack javascript

Apr.01,2021