TypeScript - [后续属性声明必须具有相同的类型] - 对同一类型定义的多个引用-解网

问：

我对使用 TypeScript 和 Webpack 相当陌生，不幸的是，我的类型声明一直遇到我似乎无法解决的问题。

简单地说，我的项目是一个 ASP.NET MVC React 应用程序，它使用 NPM、TypeScript 和 Webpack 来管理 JavaScript 依赖项。我遇到的问题是，虽然我的项目可以成功编译，但我的看起来像这样。180 errors

TS2717    (TS) Subsequent property declarations must have the same type. 
Property 'webview' must be of type
'DetailedHTMLProps<WebViewHTMLAttributes<HTMLWebViewElement>,
HTMLWebViewElement>', but here has type
'DetailedHTMLProps<WebViewHTMLAttributes<HTMLWebViewElement>,
HTMLWebViewElement>'.

下面是错误控制台的图片：

现在，如果我通过单击类型并按“转到定义”来仔细查看，我可以清楚地看到，我的项目为此处可见的相同类型定义了两个引用：

问题是这两个文件似乎都是我的项目tsconfig.json文件的要求，因为没有它们，它就无法编译。

我的tsconfig.json如下所示：

{
  "compilerOptions": {    
    "module": "commonjs",    
    "moduleResolution": "node",
    "target": "es5",
    "sourceMap": true,
    "lib": [ "es5", "es2017", "dom"]
    "removeComments": true,
    "typeRoots": [
      "/node_modules/@types",
      "/Types/"
    ]

  },
  "compileOnSave": false,
  "exclude": [
    "/node_modules/",
    "/bin",
    "/obj"
  ]
}

我的package.json文件如下所示：

{
  "name": "fungalai",
  "version": "1.0.0",
  "dependencies": {
    "react": "16.4.2",
    "react-dom": "16.4.2"
  },
  "devDependencies": {
    "@types/flux": "3.1.7",
    "axios": "^0.18.0",
    "deep-diff": "^1.0.1",
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.4",
    "babel-polyfill": "^6.26.0",
    "babel-preset-es2015": "6.24.1",
    "babel-preset-react": "6.24.1",
    "babel-preset-stage-0": "^6.24.1",
    "create-react-class": "^15.6.3",
    "expose-loader": "^0.7.5",
    "jszip": "^3.1.5",
    "flux": "3.1.3",
    "ts-loader": "^4.3.0",
    "typescript": "3.0.1",
    "uglifyjs-webpack-plugin": "^1.2.5",
    "webpack": "^4.8.3",
    "webpack-cli": "^2.1.4"
  }
}

现在我怀疑这个问题与我的 tsconfig.json 文件中的行有关，但是如果我删除任何这些引用，我的项目将无法编译，因为显然我的一些类型是在这些库引用中定义的。"lib": [ "es5", "es2017", "dom"]

任何人都可以帮助指导我进入正确的方向，如何解决这个问题并在 TypeScript 中正确引用 DOM 和 React ASP.NET？

编辑：我还尝试更改我的 tsconfig.json 文件以删除“lib”引用（假设我可以使用 Polyfill）到“lib”：[]。然而，问题仍然存在。

asp.net asp.net-mvc typescript webpack definitelytyped

嗨，马特，感谢您的回复。完整的路径是 C：\blah\blah\myproject\node_modules\@types\react 和 C：\Users\Max\AppData\Local\Microsoft\TypeScript\3.0\node_modules\@types\react。现在我可以看到问题似乎是我的node_modules文件夹正在下载反应类型。如果我从node_modules中删除该文件夹并重新启动，它似乎确实解决了，但问题是我没有看到我在任何地方添加了对 react 类型的引用。

答：

3赞 Maxim Gershkovich 9/2/2018 #1

由于上面的反馈，我相信我已经找到了解决问题的方法。

运行 'npm uninstall react -g' 从全局缓存中卸载 react 包。
在文件中创建对包的手动引用。package.json@types/react

“devDependencies”：{ “@types/反应”： “16.4.13” }

我最终package.json文件如下所示：

{
  "name": "fungalai",
  "version": "1.0.0",
  "dependencies": {
    "react": "16.4.2",
    "react-dom": "16.4.2"
  },
  "devDependencies": {
    "@types/flux": "3.1.7",
    "@types/react": "16.4.13",
    "axios": "^0.18.0",
    "deep-diff": "^1.0.1",
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.4",
    "babel-polyfill": "^6.26.0",
    "babel-preset-es2015": "6.24.1",
    "babel-preset-react": "6.24.1",
    "babel-preset-stage-0": "^6.24.1",
    "create-react-class": "^15.6.3",
    "expose-loader": "^0.7.5",
    "jszip": "^3.1.5",
    "flux": "3.1.3",
    "ts-loader": "^4.3.0",
    "typescript": "3.0.1",
    "uglifyjs-webpack-plugin": "^1.2.5",
    "webpack": "^4.8.3",
    "webpack-cli": "^2.1.4"
  }
}

tsconfig.json像这样：

{
  "compilerOptions": {
    "module": "commonjs",
    "moduleResolution": "node",
    "target": "es5",
    "sourceMap": true,
    "jsx": "react",
    "lib": [ "es6", "dom" ], 
    "removeComments": true,
    "typeRoots": [
      "/node_modules/@types",
      "/Types/"
    ]
  },
  "compileOnSave": false,
  "exclude": [
    "/node_modules/",
    "/bin",
    "/obj"
  ]
}

这似乎已经解决了错误。

TypeScript - [后续属性声明必须具有相同的类型] - 对同一类型定义的多个引用

TypeScript - [Subsequent property declarations must have the same type] - Multiple references to the same type definitions

评论

评论

评论