Question

当我运行tsc时，会显示以下错误输出：

../../../AppData/Roaming/npm/node_modules/typescript/lib/lib.dom.d.ts(15340,11): error TS2430: Interface 'WebGLRenderingContext' incorrectly extends interface 'WebGLRenderingContextBase'.
  Types of property 'getExtension' are incompatible.
    Type '{ (name: "ANGLE_instanced_arrays"): ANGLEInstancedArrays; (name: "EXT_blend_minmax"): EXTBlendMinMax; (name: "EXT_color_buffer_half_float"): EXTColorBufferHalfFloat; (name: "EXT_frag_depth"): EXTFragDepth; (name: "EXT_sRGB"): EXTsRGB; (name: "EXT_shader_texture_lod"): EXTShaderTextureLOD; (name: "EXT_texture_filter_...' is not assignable to type '{ (extensionName: "EXT_blend_minmax"): EXT_blend_minmax | null; (extensionName: "EXT_texture_filter_anisotropic"): EXT_texture_filter_anisotropic | null; (extensionName: "EXT_frag_depth"): EXT_frag_depth | null; (extensionName: "EXT_shader_texture_lod"): EXT_shader_texture_lod | null; (extensionName: "EXT_sRGB"): EX...'.
      Types of parameters 'name' and 'extensionName' are incompatible.
        Type '"OES_vertex_array_object"' is not assignable to type '"ANGLE_instanced_arrays"'.

我的tsconfig.json：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "rootDir": "src",
    "outDir": "dist",
    "strict": true,
    "esModuleInterop": true,
    "sourceMap": true,
    "declaration": true
  },
  "exclude": [
    "node_modules",
    "dist"
  ]
}

tsc是版本Version 3.1.3。

这是我的package.json：

{
  "name": "pupp-tf-test",
  "version": "0.0.1",
  "description": "Try to get environment set up to program using TypeScript, Puppeteer, and TensorFlow.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "xiaodeaux",
  "license": "ISC",
  "dependencies": {
    "@tensorflow/tfjs-node-gpu": "^0.1.18"
  },
  "devDependencies": {
    "@types/node": "^10.12.0"
  }
}

我仅有的.ts文件为空。因此，这与文件中的代码无关，因为没有关系。至少我认为与特定文件无关。

此外，我在Windows 10上并使用Visual Studio Code。这是vscode环境信息：

Version: 1.28.1 (user setup)
Commit: 3368db6750222d319c851f6d90eb619d886e08f5
Date: 2018-10-11T18:13:53.910Z
Electron: 2.0.9
Chrome: 61.0.3163.100
Node.js: 8.9.3
V8: 6.1.534.41
Architecture: x64

Answer 1

看起来@types/webgl-ext包（@tensorflow/tfjs-node-gpu的间接依赖项）包含getExtension的{{1}}方法的声明与{的声明不兼容。 TypeScript标准库的最新版本中的WebGLRenderingContext的{1}}方法。我不确定该怎么做，因此建议您先将file an issue与getExtension相对。如果您在那儿找不到答案，则可以升级到TensorFlow.js支持资源，询问是否可以删除对损坏的和看似未维护的软件包的依赖。

同时，一种可行的解决方法是为空的WebGLRenderingContextBase程序包创建自己的虚拟版本。在您的项目中创建一个目录来保存虚拟包（例如，假设您将目录命名为@types/webgl-ext），从真实的@types/webgl-ext包中复制webgl-ext，创建一个空的{{1 }}文件，然后使用相对路径将虚拟包注册到您的主package.json中：

@types/webgl-ext

Answer 2

根据tfjs issue: Compile error with @tensorflow/tfjs-backend-webgl上的@tafsiri，问题是：“由 webgl 现在内置的类型与我们当前使用的 @types/webgl2 包之间的冲突引起” .

他给出了下一个解决方案（对我有用）：

编辑您的文件 tsconfig.json 并添加选项 skipLibCheck

{
  "compilerOptions": {
    ...
    // skip error: Interface 'WebGL2RenderingContext' incorrectly extends interface 'WebGL2RenderingContextBase'.
    // https://github.com/tensorflow/tfjs/issues/4201
    "skipLibCheck": true
  },
  ...
}

错误TS2430：接口'WebGLRenderingContext'错误地扩展了接口'WebGLRenderingContextBase'

2 个答案: