Question

我正在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）是否与某些内容不兼容...安装时没有错误或缺少必需的依赖项。

Answer 1

悲痛
'../ react-datepicker';

感谢帮助我做橡皮鸭！

Answer 2

从“ react-datepicker / dist / react-datepicker”导入DatePicker；

使用它。我的代码也发生了同样的问题，并且有效。

Answer 3

以上代码片段都不适合我。但下面的代码片段在我的 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)} />
    );
};

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

3 个答案: