我阅读了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';
我做错了什么？
这就是我工作的方式。
在我的例子中，我使用了一个没有定义类型的库：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
@ktretyak和@Retsam的答案是正确的，但我想添加一个完整的实时示例以及我必须做的事情：
错误：
错误TS7016（TS）找不到模块的声明文件'反应区域选择'。'C:/Repo/node_modules/react region select/lib/RegionSelect.js'隐式具有“any”类型。尝试npm i--save dev@types/react region select（如果存在）或添加新声明包含“声明模块”的（.d.ts）文件
运行npm i--save dev@types/react region select时出现错误：
npm错误！代码E404npm错误！404未找到-GEThttps://registry.npmjs.org/@类型%2反应区域选择-未找到npm错误！404'@类型/react-region-select@latest'不是在npm注册表中。npm错误！404你应该让作者发布它（或者自己使用这个名字！）npm错误！404注意您也可以从npm tarball、文件夹、httpurl或giturl安装。
考虑到create-react-app创建了一个名为react-app-env.d.ts的文件，我尝试将声明模块放入“react region select”；但我还是收到了错误。
然后，我在src中创建了一个名为typings的新文件夹，以及名为react-region-select.dts的文件
declare module 'react-region-select';
这样做之后，错误消失了，我可以像文档所述那样导入它：
import RegionSelect from "react-region-select";
https://github.com/casavi/react-region-select
不幸的是，包编写者是否对声明文件感到困扰，我们无法控制。我倾向于创建一个像index.d.ts这样的文件，其中包含各种包中所有缺失的声明文件：
索引.d.ts：
declare module 'v-tooltip';
declare module 'parse5';
declare module 'emoji-mart-vue-fast';
并在tsconfig.js中引用它：
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"tests/**/*.ts",
"tests/**/*.tsx",
"index.d.ts" // this
]
