JSX 错误:类型“JSX.IntrinsicElements”上不存在属性

IT技术 javascript reactjs typescript jsx
2021-05-21 21:31:07

我将我的容器转换为 .jsx 文件,但现在我在渲染方法中的 HTML 元素上收到以下错误:

类型“JSX.IntrinsicElements.div”上不存在属性

类型“JSX.IntrinsicElements.h1”上不存在属性


包.json

{
  "name": "moonholdings.io",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "build-css": "node-sass-chokidar src/ -o src/ --source-map",
    "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive --source-map",
    "start": "react-scripts-ts start",
    "build": "react-scripts-ts build",
    "test": "react-scripts-ts test --env=jsdom",
    "eject": "react-scripts-ts eject"
  },
  "dependencies": {
    "node-sass-chokidar": "^1.3.3",
    "react": "^16.5.1",
    "react-dom": "^16.5.1",
    "react-redux": "^5.0.7",
    "react-router-dom": "^4.3.1",
    "react-scripts-ts": "2.17.0",
    "redux-thunk": "^2.3.0"
  },
  "devDependencies": {
    "@types/jest": "^23.3.2",
    "@types/react": "^16.4.14",
    "@types/react-dom": "^16.0.5",
    "@types/react-redux": "^6.0.9",
    "@types/react-router": "^4.0.25",
    "@types/react-router-dom": "^4.2.6",
    "@types/react-router-redux": "^5.0.14",
    "@types/redux": "^3.6.31",
    "ramda": "^0.25.0",
    "typescript": "^3.0.3"
  }
}

登录容器.js

    import * as React from 'react';
import { connect } from 'react-redux';

// Actions
// import { addCoins } from 'actions/coins';

interface IProps {
  loginActions: any
}

interface IState {
  email: string;
  password: string;
}

class LoginContainer extends React.Component<IProps, IState> {

  public state: IState = {
    email: '',
    password: ''
  };

  public render() {
    return (
      <div id="login-container">
        <h1>Login</h1>
      </div>
    );
  }
}

// const mapDispatchToProps = dispatch => ({
//   addCoins: (...args) => dispatch(addCoins(...args))
// });

export const LoginContainerJest = LoginContainer;

export default connect(null, null)(LoginContainer);

我有 rm -R node_modules,我也确实看到我"@types/react-redux"安装了两次,但我修复了它。重新安装了 Typescript,但仍然出现相同的(2312,14): Duplicate identifier 'LibraryManagedAttributes'.错误 :(

1个回答

找到答案:typescript错误:TS2339:类型“JSX.IntrinsicElements”上不存在属性“span”

  • 确保您import * as React from 'react'的文件中有
  • 更新react类型 npm install @types/react