本地 JS 文件的 Typescript 声明文件

当我们正在转换为 Typescript 的过程中，我正在尝试为工作中的 Javascript 文件添加类型。但是，我无法识别声明文件。

这是我的文件结构

• js
  • Foo.js
• typings
  • Foo
    • 索引.d.ts
• index.ts
• 包.json
• tsconfig.json

Foo.js

module.exports = function Foo() {
   return 'Bar';
 };

索引.d.ts

export = Foo;

declare function Foo(): string;

index.ts

import Foo = require('./js/Foo')

console.log(Foo());

tsconfig.json

{
  "compilerOptions": {
    "typeRoots": ["./typings"],
    "target": "es5",
    "strict": true,
    "baseUrl": "./",
    "paths": {
      "*": ["typings/*"]
    }
  }
}

包.json

{
  "name": "fail",
  "version": "1.0.0",
  "description": "",
  "main": "index.ts",
  "scripts": {
    "tsc": "tsc"
  },
  "author": "",
  "license": "MIT",
  "dependencies": {
    "typescript": "^3.1.4"
  }
}

这是重现我的问题的存储库

https://github.com/erisman20/typings_help https://github.com/erisman20/typings_help

编辑：这是我收到的错误

error TS7016: Could not find a declaration file for module './js/Foo.js'. '....../js/Foo.js' implicitly has an 'any' type.

提供相对进口声明的唯一方法，例如'./js/Foo'实际上是在导入路径中有声明文件（加上.d.ts or /index.d.ts）或根据您的实际情况将其放在导入路径中rootDirs选项。两者都不typeRoots nor baseUrl/paths在这种情况下发挥作用：baseUrl/paths只影响“非相对”路径的模块分辨率，并且typeRoots可以用来让 TypeScript 加载文件，但完全不影响导入路径和文件之间的关系。

最简单的解决方案是放置一个Foo.d.ts文件位于同一目录中Foo.js。如果您想将打字保存在单独的目录中，那么您可以添加"rootDirs": ["js", "typings"] to tsconfig.json。这种改变足以让你的例子为我工作，尽管我发现有相应的令人困惑Foo.js and Foo/index.d.ts文件，并鼓励您在使用子目录时保持一致，即切换到Foo/index.js在 JavaScript 端或切换到Foo.d.ts在 TypeScript 方面。