reactjs 未找到模块:无法解析“React日期选择器

p4tfgftt  于 2023-03-12  发布在  React
关注(0)|答案(7)|浏览(146)

我尝试在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)是否与某些东西不兼容...当我安装时,没有错误或缺少所需的依赖项。

krcsximq

krcsximq1#

我已解决此问题在本地环境或生产环境中的终端中键入npm install react-datepicker --save
然后将它们导入到组件中
import DatePicker from "react-datepicker";在需要日期选取器的组件中使用了此
import "react-datepicker/dist/react-datepicker.css";使用了此app.js
对我很有效。

ryevplcw

ryevplcw2#

从“React日期选择器/dist/React日期选择器”导入日期选择器;
使用这个。同样的问题也发生在我的代码中,这个工作了。

sg2wtvxw

sg2wtvxw3#

天啊。
'../React日期选择器';
谢谢你帮我做橡皮鸭!

7nbnzgx9

7nbnzgx94#

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

cuxqih215#

“npm iReact日期选择器”对我有效。“npm iReact日期选择器“而不是“npm iReact日期选择器”

wecizke3

wecizke36#

转到并检查node_modules中的React日期选择器文件夹。
我的不是React日期选择器。
所以进口应该是;

import DatePicker from "react-date-picker";
import "react-date-picker/dist/DatePicker.css";
txu3uszq

txu3uszq7#

对我来说,一切都在本地工作,但当我部署到heroku,我收到了错误module not found .经过调查,原来react-datepicker是在devDependencies在package.json与在dependencies.
移动了这个,它解决了我的问题。

相关问题