@types 和 typescript 类型解析

Question

我有一个项目，其中包含 polymer@next 作为纱线模块，将其添加为纯 JS 库。我想使用来自聚合物 2.4 github repo 的 types 文件夹中的类型：https://github.com/Polymer/polymer/tree/2.4-pre/types

所以我开始创建一个 @types 文件夹并在其中添加一个 @polymer 文件夹，其中包含 package.json 和 index.d.ts 以及来自 repo 的所有文件。

无论我尝试什么，tsc 都找不到并接受聚合物元素类型。它在@types 文件夹中作为聚合物中的文件...

我的@typings 的结构包含：

+ @types
++++ @polymer
------ package.json
------ index.d.ts
------ polymer-element.d.ts

我的代码 (app.ts) 包含： 从'@polymer/polymer/polymer-element'导入{元素}

我也尝试将“polymer-element.d.ts”放在“polymer”子文件夹中，但这也会产生同样的错误：

 src/myapp.ts(3,25): error TS7016: Could not find a declaration file for 
    module '@polymer/polymer/polymer-element'. 
 '/Users/johngorter/Desktop/polymernext/node_modules/@polymer/polymer/polymer-element.js' implicitly has an 'any' type.
  Try `npm install @types/@polymer/polymer/polymer-element` if it exists or add a new declaration (.d.ts) file containing `declare module '@polymer/polymer/polymer-element';`

我在这里缺少什么？为什么 tsc --traceResolution 没有给我正确的见解？

谢谢 约翰。

Answer 1

好的，所以我基本上为每个导入的命名模块创建了一个@types 文件夹：

import '@polymer/polymer/polymer'
import { Element } '@polymer/polymer/polymer-element'

我直接在@types文件夹下创建了一个子文件夹，每个子文件夹都包含一个index.d.ts文件，所以结构是：

@types
 ----@polymer
 --------index.d.ts
 ----@polymer-element
 --------index.d.ts

在这些索引类型文件中，我引用了从 repo (polymer 2.4) 下载的类型定义，并创建了一个命名模块定义，如下所示：

declare module "@polymer/polymer/polymer-element" {

  /**
   * Base class that provides the core API for Polymer's meta-programming
   * features including template stamping, data-binding, attribute deserialization,
   * and property change observation.
   */
  class Element extends
    Polymer.ElementMixin(
    HTMLElement) {
  }
}

现在可以了……

Answer 2

正如@Polymer 定义的那样，它是一个命名空间并且（如我所见）没有export 成员，因此请尝试以下解决方法：

import polymerElement = require('@polymer/polymer/polymer-element');

如果它不起作用，请尝试仅使用 @polymer /lib 路径中的一种类型，看看它是否至少可以解决该问题。

看看这个：New es6 syntax for importing commonjs / amd modules i.e. `import foo = require('foo')`

编辑 -- 解决方案 1

implicitly has an 'any' type 错误应该可以通过更改您的 tsconfig 文件来解决：

{ "compilerOptions": 
{ "target": "es5", 
"module": "commonjs", 
"moduleResolution": "node", 
"sourceMap": true, 
"emitDecoratorMetadata": true, 
"experimentalDecorators": true, 
"removeComments": false, 
"noImplicitAny": false // <----- 
}