找不到模块：无法解析 'react-datepicker答案

【问题标题】：Module not found: Can't resolve 'react-datepicker找不到模块：无法解析 'react-datepicker
【发布时间】：2019-11-18 22:56:33
【问题描述】：

我正在尝试在 MERN 教程中使用日期选择器，但它无法编译，因为它无法解析“react-datepicker”。我 rm -rf node_modules 和 datepicker 无济于事。

component.js

import axios from 'axios';
import DatePicker from 'react-datepicker';
import "react-datepicker/dist/react-datepicker.css";

package.json

 "dependencies": {
    "axios": "^0.18.0",
    "bootstrap": "^4.3.1",
    "react": "^16.8.6",
    "react-datepicker": "^2.5.0",
    "react-dom": "^16.8.6",
    "react-router-dom": "^5.0.0",
    "react-scripts": "3.0.1"
  },

我想知道我安装的版本 (2.10.0) 是否与某些东西不兼容...安装时没有错误或缺少所需的依赖项。

【问题讨论】：

您是否检查了节点模块文件夹以查看该文件是否确实存在？有一个 Github 帖子包含该错误，但它说此问题已在 v2.9.3 中修复，并且您使用的是更高版本：github.com/Hacker0x01/react-datepicker/issues/1882
是的，它就在那里。刚刚意识到我放错了 v，6.12.0。

标签： javascript reactjs datepicker

【解决方案1】：

我已经解决了这个问题在本地环境或生产环境的终端中输入npm install react-datepicker --save

然后在你的组件中导入这些

import DatePicker from "react-datepicker"; 在我需要日期选择器的组件中使用了这个

import "react-datepicker/dist/react-datepicker.css"; 使用了这个 app.js

它对我有用。

【讨论】：

【解决方案2】：

从 'react-datepicker/dist/react-datepicker' 导入 DatePicker；

使用这个。我的代码也出现了同样的问题，这很有效。

【讨论】：

【解决方案3】：

祝你好运。
'../react-datepicker';

谢谢你帮我橡皮鸭！

【讨论】：

【解决方案4】：

上面的代码 sn-p 都不适合我。但是下面的 sn-p 在我的 react 应用程序中运行良好。

https://github.com/Hacker0x01/react-datepicker/issues/879

import React, {useEffect, useState} from "react";
import DatePicker from "react-datepicker"
import "react-datepicker/src/stylesheets/datepicker.scss";

export default function SimpleClassDatePicker() {
    const [startDate, setStartDate] = useState(new Date());

    return (
      <DatePicker selected={startDate} onChange={date => setStartDate(date)} />
    );
};

【讨论】：

欢迎来到 StackOverflow！您可以通过添加解释为什么这有效（在什么情况下）而其他方法无效，从而改进您的答案。

【解决方案5】：

“npm i react-date-picker”它适用于我。“npm i react-date-picker”不是“npm i react-datepicker”

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。
问题中的包是react-datepicker，而不是react-date-picker。