从模块导入“私有”TypeScript声明，而不是通过package.json公开它

Question

当导入npm模块的组件时，它的package.json没有公开，如下所示

import {Toolbar} from "@atlaskit/editor-core/dist/esm/ui/Toolbar";

tsc / webpack找不到合适的申报文件。

来源和类型见：

node_modules/@atlaskit/editor-core/dist/esm/ui/Toolbar/Toolbar.js
node_modules/@atlaskit/editor-core/dist/types/ui/Toolbar/Toolbar.d.ts

如何正确链接声明并防止

TS7016:找不到模块“@atlaskit/editor-core/dist/esm/ui/Toolbar”的声明文件。'.../node_modules/@atlaskit/editor-core/dist/esm/ui/Toolbar/index.js‘隐式地具有“任意”类型。

Answer 1

因为包有声明文件，所以很容易将深度导入连接起来使用其类型。

向项目中添加一个typings.d.ts声明文件以添加环境模块声明：

// assert that an import module of this path HAS types
declare module '@atlaskit/editor-core/dist/esm/ui/Toolbar' {
  // assert that this module contains all exports of the existing declaration file
  export * from '@atlaskit/editor-core/dist/types/ui/Toolbar';
}

相关Stackblitz