找不到带有“react-dates”模块的自定义声明文件的声明文件

Question

我一直在尝试为“react-dates”npm 模块编写自定义声明文件，但无法让编译器将我的声明文件解析为该模块。

当我执行import {DateRangePicker} from 'react-dates' 时，出现以下错误：

找不到模块“react-dates”的声明文件。 'absolute_path/src/node_modules/react-dates/index.js' 隐式具有“任何”类型。

我的声明文件位于路径“@types/react-dates/index.d.ts”中，如下所示：

import * as React from 'react';
declare class DateRangePicker extends React.Component<{}, {}> { }

tsconfig.json 看起来像这样：

{
  "compilerOptions": {
    "outDir": "./dist/",
    "sourceMap": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "module": "commonjs",
    "target": "es6",
    "jsx": "react",
    "typeRoots": [
      "./@types"
    ]
  },
  "include": [
    "./app/**/*",
    "./@types/**/*"
  ]
}

Answer 1

通过将它包装在这样的模块语句中来解决它：

declare module 'react-dates' {
  import { Component } from 'react';
  export class DateRangePicker extends Component<{}, {}> { }
}

注意 import 语句必须在模块块内，否则返回：

扩充中的模块名称无效。模块“react-dates”解析为“path/node_modules/react-dates/index.js”处的无类型模块，无法扩充。