找不到模块“module name”的声明文件/path/to/module name.js”隐式具有“any”类型

我阅读了TypeScript模块解析的工作原理。

我有以下存储库：@tsstack/di。编译后，目录结构如下：

├── dist
│   ├── annotations.d.ts
│   ├── annotations.js
│   ├── index.d.ts
│   ├── index.js
│   ├── injector.d.ts
│   ├── injector.js
│   ├── profiler.d.ts
│   ├── profiler.js
│   ├── providers.d.ts
│   ├── providers.js
│   ├── util.d.ts
│   └── util.js
├── LICENSE
├── package.json
├── README.md
├── src
│   ├── annotations.ts
│   ├── index.ts
│   ├── injector.ts
│   ├── profiler.ts
│   ├── providers.ts
│   └── util.ts
└── tsconfig.json

在package.json中，我写了“main”：“dist/index.js”。

在Node.js中，一切正常，但TypeScript：

import {Injector} from '@ts-stack/di';

找不到模块“@ts stack/di”的声明文件/path/to/node_modules/@tsstack/di/dist/index.js”隐式具有“any”类型。

然而，如果我按如下方式导入，那么一切都正常：

import {Injector} from '/path/to/node_modules/@ts-stack/di/dist/index.js';

我做错了什么？

当前回答

在许多项目中，我面临着许多包的相同问题。所以我创建了Declarator，一个自动生成类型声明的npm包。

它基本上通过在后台运行tsc-emitDeclarationOnly来工作。

您可以从npm安装它：

npm install --save-dev declarator
yarn add -D declarator

然后创建一个简单的声明器.json文件：

{
  "$schema": "https://raw.githubusercontent.com/ArthurFiorette/declarator/master/schema.json",
  "packages": ["package1","package2"]
}

并创建一个脚本来运行它：

使用postinstall脚本将在每次安装包时运行它，这可能很有用

{
  "scripts": {
    "postinstall": "declarator"
  }
}

它不会生成强大的类型，在这一过程中您可能会遇到许多类型，但使用它比不使用它要好得多

阅读更多信息：https://github.com/ArthurFiorette/declarator#readme

2021-10-04 22:29:21

其他回答

从Typescript文档中：

注意，“typings”字段与“type”同义，也可以使用。

还要注意，如果主声明文件名为index.d.ts，并且位于包的根目录（index.js旁边），则不需要标记types属性，尽管这样做是明智的。

由于某种原因，我的“types”属性指向一些main.d.ts。从package.json中删除该行，它开始工作。

2021-11-04 19:54:25

这就是我工作的方式。

在我的例子中，我使用了一个没有定义类型的库：react mobile datepicker

a.在/src中创建文件夹。在我的例子中，我使用了以下路径：/src/typengs/。

b.创建.dts文件。例如：/src/typerings/react-mobile-datepicker.dts

c.我使用以下代码扩展其财产并使其类型安全：

declare module 'react-mobile-datepicker' {
  class DatePicker extends React.Component<DatePickerProps, any> {}

  interface DatePickerProps {
    isPopup?: boolean;
    theme?: string;
    dateConfig?: DatePickerConfig;
  }

  export interface DatePickerConfig {
    prop1: number;
    pro2: string;
  }
  export default DatePicker;
}

d.按照通常使用第三方库的方式导入类型。

import DatePicker, { DatePickerConfig, DatePickerConfigDate } from 'react-mobile-datepicker';

e.更改tsconfig.json并添加以下代码：

{
  "compilerOptions": {
    //...other properties
    "typeRoots": [
      "src/typings",
      "node_modules/@types"
    ]
  }}

链接到我用作来源的文章：

https://templecoding.com/blog/2016/03/31/creating-typescript-typings-for-existing-react-components

https://www.credera.com/insights/typescript-adding-custom-type-definitions-for-existing-libraries

2021-05-11 01:41:24

这对我有用。

// modules.d.ts 
declare module 'my-module';

// tsconfig.json 
{
  ...
  "include": [
    ...
    "src", "modules.d.ts"
  ]
}

// Import
import * as MyModule from 'my-module'
...
const theModule = MyModule()
...

2022-01-21 08:18:56

对我有用的是将依赖项安装为开发依赖项。上述禁用隐式类型检查的解决方案有效，但这使我无法利用严格类型代码。因此，您需要做的就是在所有的@types模块安装中附加--save-dev标志。希望这对你也有用

2021-09-09 14:25:19