React开发中如何确定node_modules第三方模块的正确导入路径

安全阿岳

2026-8-30

排查无文档npm包导入路径+TS类型报错解决方法

定位正确导入路径的操作步骤

打开项目内node_modules/react-bootstrap-date-picker文件夹，找到根目录下的package.json文件，优先查看这几个字段：
- main：CommonJS规范的入口文件路径，是Node环境默认加载的文件
- module：ES Module规范的入口文件路径，Vite、Webpack等支持ESM的打包工具会优先读取该字段
打开上述字段指向的入口文件，确认导出规则：
- 若文件使用module.exports = 组件/export default 组件写法，需要用默认导入语法：
```
import BSDatePicker from 'react-bootstrap-date-picker'
```
- 若文件使用exports.组件名 = 组件/export { 组件名 }写法，才需要用命名导入语法：
```
import { 组件名 } from 'react-bootstrap-date-picker'
```
针对你安装的react-bootstrap-date-picker包，入口文件采用默认导出规则，你之前用的命名导入写法本身就不符合包的导出逻辑。

解决TS类型声明缺失报错

你遇到的Could not find a declaration file for module 'react-bootstrap-date-picker'报错，是因为该包既没有内置TS类型文件，也没有对应的社区@types类型包，按以下步骤补全声明即可：

在项目src目录下新建react-bootstrap-date-picker.d.ts类型声明文件
写入以下基础声明内容，后续可以根据实际使用的props逐步补全更精准的类型：

declare module 'react-bootstrap-date-picker' {
  import type { ComponentType } from 'react';
  const DatePicker: ComponentType<any>;
  export default DatePicker;
}