Reactjs 错误TS2694:命名空间'&引用；“反应”'；没有导出的成员'；反应节点''；详细的HTMLPROPS''；HTMLAttributes''；综合事件''；HTMLProps'；

在我的react typescript electron项目中，我有：

"devDependencies": {
  "@types/react": "^17.0.0",
  "@types/react-dom": "^17.0.0"
 },
"dependencies": {
  "react": "^17.0.1",
   "react-dom": "^17.0.1"
 }

这是我的tsconfig.json文件：

{
  "compilerOptions": {
    "module": "CommonJS",
    "moduleResolution": "node",
    "lib": [
      "dom",
      "es2015",
      "es2016",
      "es2017",
      "dom",
      "dom.iterable",
    ],
    "noImplicitAny": false,
    "sourceMap": true,
    "rootDir": "src",
    "outDir": "dist",
    "baseUrl": ".",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "jsx": "react",
    "lib": ["dom", "esnext"],
    "noEmitOnError": true,
    "noImplicitReturns": true,
    "noUnusedLocals": false,
    "noUnusedParameters": false,
    "removeComments": true,
    "strict": true,
    "downlevelIteration": true,
    "declaration": true,
    "alwaysStrict": true,
    "skipLibCheck": true
  },
  "include": [
    "src/**/*"
  ]
 }

我收到以下错误消息：

对于此代码：

import React from 'react';
type Props = React.HTMLProps<HTMLDivElement, HTMLDivElement>

import React, { useState } from 'react';
interface Props {
summary: React.ReactNode;
  children: () => React.ReactNode;
}

 import React from 'react'
 type Value = React.ReactElement

import React, { useState } from 'react';
const onToggle = (e: React.SyntheticEvent) => {

import React from 'react';
type Props =  
React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, 
HTMLDivElement>

import React, { Fragment } from 'react';
export default function LogLink({ v, children }: Props) {
  function onClick(e: React.SyntheticEvent) {

我发现以下错误：

 error TS2694: Namespace '"react"' has no exported member 'ReactNode'
 summary: React.ReactNode;

 error TS2694: Namespace '"react"' has no exported member 'ReactNode'
 children: () => React.ReactNode;

error TS2694: Namespace '"react"' has no exported member  
'DetailedHTMLProps'

对于此代码：

import React from 'react';
type Props = React.HTMLProps<HTMLDivElement, HTMLDivElement>

import React, { useState } from 'react';
interface Props {
summary: React.ReactNode;
  children: () => React.ReactNode;
}

 import React from 'react'
 type Value = React.ReactElement

import React, { useState } from 'react';
const onToggle = (e: React.SyntheticEvent) => {

import React from 'react';
type Props =  
React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, 
HTMLDivElement>

import React, { Fragment } from 'react';
export default function LogLink({ v, children }: Props) {
  function onClick(e: React.SyntheticEvent) {

我得到了这个错误：

error TS2694: Namespace '"react"' has no exported member 'HTMLProps'.
type Props = React.HTMLProps<HTMLDivElement, HTMLDivElement>

 error TS2694: Namespace '"react"' has no exported member 
'ReactElement'

error TS2694: Namespace '"react"' has no exported member 
'SyntheticEvent'

error TS2694: Namespace '"react"' has no exported member 
'SyntheticEvent'

对于此代码：

import React from 'react';
type Props = React.HTMLProps<HTMLDivElement, HTMLDivElement>

import React, { useState } from 'react';
interface Props {
summary: React.ReactNode;
  children: () => React.ReactNode;
}

 import React from 'react'
 type Value = React.ReactElement

import React, { useState } from 'react';
const onToggle = (e: React.SyntheticEvent) => {

import React from 'react';
type Props =  
React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, 
HTMLDivElement>

import React, { Fragment } from 'react';
export default function LogLink({ v, children }: Props) {
  function onClick(e: React.SyntheticEvent) {

我得到了这个错误：

error TS2694: Namespace '"react"' has no exported member 'HTMLProps'.
type Props = React.HTMLProps<HTMLDivElement, HTMLDivElement>

 error TS2694: Namespace '"react"' has no exported member 
'ReactElement'

error TS2694: Namespace '"react"' has no exported member 
'SyntheticEvent'

error TS2694: Namespace '"react"' has no exported member 
'SyntheticEvent'

对于此代码：

import React from 'react';
type Props = React.HTMLProps<HTMLDivElement, HTMLDivElement>

import React, { useState } from 'react';
interface Props {
summary: React.ReactNode;
  children: () => React.ReactNode;
}

 import React from 'react'
 type Value = React.ReactElement

import React, { useState } from 'react';
const onToggle = (e: React.SyntheticEvent) => {

import React from 'react';
type Props =  
React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, 
HTMLDivElement>

import React, { Fragment } from 'react';
export default function LogLink({ v, children }: Props) {
  function onClick(e: React.SyntheticEvent) {

对于此代码：

import React from 'react';
type Props = React.HTMLProps<HTMLDivElement, HTMLDivElement>

import React, { useState } from 'react';
interface Props {
summary: React.ReactNode;
  children: () => React.ReactNode;
}

 import React from 'react'
 type Value = React.ReactElement

import React, { useState } from 'react';
const onToggle = (e: React.SyntheticEvent) => {

import React from 'react';
type Props =  
React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, 
HTMLDivElement>

import React, { Fragment } from 'react';
export default function LogLink({ v, children }: Props) {
  function onClick(e: React.SyntheticEvent) {

我得到这个错误：

error TS2694: Namespace '"react"' has no exported member 'HTMLProps'.
type Props = React.HTMLProps<HTMLDivElement, HTMLDivElement>

 error TS2694: Namespace '"react"' has no exported member 
'ReactElement'

error TS2694: Namespace '"react"' has no exported member 
'SyntheticEvent'

error TS2694: Namespace '"react"' has no exported member 
'SyntheticEvent'

---

期待您的帮助。

感谢Typescript Discord小组的成员，我发现在modules.d.ts中声明react和react dom会干扰类型定义。

---

删除modules.d.ts中的这些定义后，所有这些错误都消失了

您可以共享代码吗？。我知道它们是唯一的数据类型。@ttquang1063750我用所有相关代码更新了我的帖子。感谢您的帮助您能否删除

node\u modules&package lock.json

并重新安装？。因为我可以在

@types/react

中看到这些属性。这里有一个链接，可以检查您的类型@ttquang1063750 Removed node_modules和package-lock.json->纱线->纱线开始。但问题依然存在