material ui实验室日期选择器，无法解析“@material-ui/ lab /AdapterDateFns”
问题：material ui实验室日期选择器，无法解析“@material-ui/ lab /AdapterDateFns”
回答： Material-UI是一个流行的React UI库，提供了丰富的组件和工具，用于构建用户界面。实验室（Lab）是Material-UI的一个附加库，提供了一些实验性和不稳定的组件，这些组件可能会在未来的版本中发生变化。
对于日期选择器，Material-UI实验室提供了一个组件来处理日期选择。然而，根据您提供的问题描述，您遇到了一个无法解析“@material-ui/lab/AdapterDateFns”的问题。这可能是由以下几个原因导致的：
- 版本问题：您使用的Material-UI和Material-UI实验室的版本不兼容。请确保您使用的Material-UI实验室的版本与您的Material-UI版本匹配。
- 包名错误：确保您正确引用了“@material-ui/lab/AdapterDateFns”包。请检查您的引用路径是否正确。
- 缺少依赖项：如果您没有正确安装所需的依赖项，可能会导致无法解析的错误。请确保您已经安装了所需的依赖项，包括"@material-ui/lab"和"date-fns"。
为了解决这个问题，您可以尝试以下步骤：
- 检查版本兼容性：确保您使用的Material-UI实验室的版本与您的Material-UI版本匹配。您可以在Material-UI和Material-UI实验室的文档中找到版本兼容性的信息。
- 确认包名：检查您的引用路径，确保您正确引用了"@material-ui/lab/AdapterDateFns"包。
- 安装依赖项：使用包管理工具（如npm或yarn）安装所需的依赖项。运行以下命令安装Material-UI实验室和date-fns：
- 安装依赖项：使用包管理工具（如npm或yarn）安装所需的依赖项。运行以下命令安装Material-UI实验室和date-fns：
- 或者
- 或者
- 确保在项目中正确引入这些依赖项。
在您解决了无法解析的问题后，您可以使用Material-UI实验室的日期选择器来提供日期选择功能。根据您的具体需求，您可以查阅Material-UI实验室的文档，了解如何正确使用日期选择器，并根据需要自定义和配置它。
请注意，由于要求不能提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，我无法提供腾讯云相关产品和产品链接地址作为推荐。但您可以在腾讯云的官方网站或文档中搜索相关产品和解决方案，以满足您的需求。
相关·内容
我正在尝试在我的项目中使用资料UI 。根据的说法，@material/lab的最后一个版本是4.0.0-alpha.57 .57，这是我安装的版本：
然而，
import AdapterDateFns from '@material-ui/lab/AdapterDateFns';
import LocalizationProvider from '@material-ui/lab/LocalizationProvider';
import DatePicker from '@material-ui/lab/DatePicker';
埋怨
浏览 7提问于2021-03-10得票数 1
回答已采纳
无法解析“@material-ui/lab/AdapterDateFns” 无法解析“@material-ui/lab/DateTimePicker” 无法解析“@material-ui/lab/LocalizationProvider” 即使在安装了@material-ui/lab之后，我仍然收到这些错误
浏览 50提问于2021-02-09得票数 16
我想在Material中更改日历顶部显示的字符串的格式。有办法这样做吗？
React和Material正在使用以下版本。
"17.0.1""@material-ui/core"："5.0.0-beta.0""@material-ui/lab"："5.0.0-alpha.39"：“react”
我试图按如下方式设置LocalizationProvider的LocalizationProvider属性，但无法更改它。
import TextField from '@material-ui/core/T
浏览 6提问于2021-08-05得票数 1
回答已采纳
我正在尝试使用DatePicker组件，但是类型不能工作，即使我只是传递由Material提供的道具。
下面是一个代码框链接：
import React from 'react';
import styled from 'styled-components';
import TextField from '@material-ui/core/TextField';
import { InputProps } from '@material-ui/core/Input';
import AdapterDateFns from &#
浏览 5提问于2021-12-06得票数 1
回答已采纳
我试图改变材料UI，DatePicker，日期，文本和日历图标颜色。
我试图将其传递样式更改为InputProps，但它只用于移除边框。
相反，没有什么改变，我试图将样式应用于theme.tsx，但这也没有帮助。任何帮助都将不胜感激。
import * as React from "react";
import Stack from "@mui/material/Stack";
import TextField from "@mui/material/TextField";
import AdapterDateFns from "@mui
浏览 1提问于2021-11-04得票数 8
回答已采纳
我正在使用Material UI，我在Ubuntu的Skeleton组件上遇到了一个严重的错误。在Windows上我没有得到这个错误，一切正常，在Ubuntu上我得到了以下错误： ./node_modules/@material-ui/lab/esm/Skeleton/Skeleton.js
Attempted import error: 'alpha' is not exported from '@material-ui/core/styles'. 导入取自官方文档： import Skeleton from '@material-ui/lab/Sk
浏览 43提问于2021-07-13得票数 4
回答已采纳
试图使用材料Ui实验室的复选框。但是，在npm安装了三个依赖项：@material-ui/lab、@material-ui/core和@material-ui/icons之后，我收到了以下错误：
./node_modules/@material-ui/core/esm/Portal/Portal.js Attempted import error: 'HTMLElementType' is not exported from '@material-ui/utils'.
我的进口商品如下：
import React from 'react';
im
浏览 7提问于2020-11-13得票数 2
回答已采纳
我是Reactjs的新手，我正在尝试为一个订阅网站建立一个woocommerce帐户配置文件。因此，我希望将异步获取的订阅的下一次付款日期显示为material UI Daypicker的初始值。然而，我找不到这样做的方法。 我试图在下一个付款日期使用一个带有初始值的钩子，但是，状态初始值不能是异步的。如果我选择将状态设置为下一个付款日期，日期选择器将首先设置为当前日期。此外，如果我尝试使用UseEffect更新日期选择器，那么每次我尝试将日期选择器更新为新日期时，它都会恢复到初始状态。 要将挂钩的初始值设置为订阅的下一个付款日期并有可能更新为新日期，我会遗漏什么？ 非常感谢。 import
浏览 17提问于2021-04-18得票数 1
我正在使用的材料UI和实验室版本 "@material-ui/core": "^4.8.3",
"@material-ui/lab": "^4.0.0-alpha.44", Link to component 我的代码 <Autocomplete
multiple
limitTags={2}
id="multiple-limit-tags"
options={Audience}
getOptionLabel={(option: any) =>
浏览 20提问于2020-04-20得票数 0
回答已采纳
1回答
我想使用Slider组件从材料用户界面在我的反应应用程序。Slider是“Lab”的一部分，它是“还没有准备好移动到核心的孵化器组件的包”。
npm install @material-ui/lab
npm install @material-ui/core
我仍然需要安装核心材料用户界面到我的项目，还是我只能添加实验室？我不想增加更多的散装到我已经很大的项目。
浏览 0提问于2018-10-17得票数 2
回答已采纳
1回答
我正在建立一个前端的页面，我需要@资料-ui/实验室。在使用npm安装软件包后，在编译：TS2307: Cannot find module '@material-ui/lab' or its corresponding type declarations.时会出现一个类型记录错误。
然而，在我的前面，它返回一个错误，但我可以看到编译“工作”时，点击关闭错误对话框，因为我看到的材料-ui时间线。
这个错误从何而来？
package.json
{
"name": "front",
"version": "0.
浏览 4提问于2022-05-13得票数 0
MUI日期选择器在服务器部署后没有显示，我使用了mui/lab/DatePicker，但现在在MUI文档中显示了
从'@mui/x-date-pickers/AdapterDateFns';import { LocalizationProvider }从‘@mui/x-日期选择器/LocalizationProvider’导入{ AdapterDateFns }；我也使用过它，但使用它之后显示localeText是未定义的。
enter code here
import AdapterDateFns from "@mui/lab/AdapterDateFns
浏览 18提问于2022-07-31得票数 1
回答已采纳
为了使用警报组件，我安装了资料-ui/lab，但是每当我用：import Alert from '@material-ui/lab/Alert';导入它时，它就无法编译并抛出此错误：
./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js
Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.
因此，我试图在谷歌上搜索这个问题，并发现了关
浏览 8提问于2020-04-10得票数 38
回答已采纳
我正在尝试使用material-ui/lab日期选择器，但是我得到了这个错误！我已经使用npm install @material-ui/core@latest更新了我的material-ui版本，它工作得很好。然而，我失去了使用createMuiTheme和MuiThemeProvider的能力。
浏览 8提问于2020-12-08得票数 22
我刚刚花了3个小时试图自己找到一个解决方案，但我肯定被困住了。 我想使用Mui自动完成组件，但无论我如何尝试，都会收到以下消息： Failed to compile
./node_modules/@material-ui/lab/esm/useAutocomplete/useAutocomplete.js
Attempted import error: 'unstable_useId' is not exported from '@material-ui/core/utils' (imported as 'useId'). 我已经检查过我的核
浏览 43提问于2020-04-24得票数 4
我正在尝试创建一个日期选择器组件，但我无法设法将数据传递给TextField组件。
有没有办法通过onChange将newValue数据传递给TextField，或者通过renderInput将其作为道具？
这是我的代码：
import React from 'react'
import { Input, Box, Typography } from '@mui/material'
import { useField } from 'formik'
import LocalizationProvider from '@mui/lab/Lo
浏览 7提问于2021-11-07得票数 0
我安装了@material及其文件在节点模块中，但是当我运行npm run start时。
找不到模块:无法解析@material ui/ core / grid。
"@material-ui/core": "^4.11.0",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab": "^4.0.0-alpha.57",
"react": "^17.0.1"
浏览 3提问于2021-08-07得票数 0
回答已采纳
3回答
我有一个页面包含一个“时间线”元素从材料Ui，与一个“备用”对齐。所以我有一个包含几个元素的"TimeLineContent“：纸张、排版(用于标题和描述)和图像。
我想让文本始终朝着时间线的中心。也就是说，一次文本在左边，另一次在右边.
这里是我的问题的一个例子：
第一个TimelineContent是好的(文本在左边)
第二个不太好(文字不在右边)
我本可以使用flex方向:反向行，但我有几个这样的TimelineContent，它们是用一个.map()创建的。
下面是我现在的代码：
<Timeline align="alternate
浏览 8提问于2021-09-15得票数 1
回答已采纳
我花了将近半天的时间，但找不到任何解决方案来定制一周的材料标题-ui DateRangePicker。而不是"S"，"M"，.，我想像我所期望的那样显示标题。已经尝试自定义dateAdapter，但这并没有帮助。我看到Material有一个名为MuiPickersUtilsProvider的组件，我可以根据自己的需要定制日期标题，但是这个组件不支持日期范围选择器。如有任何建议，我将不胜感激。到目前为止，我的代码如下：
import * as React from 'react';
import TextField from '@mui/m
浏览 9提问于2022-01-09得票数 0
DatePicker组件：
import React from "react"
import AdapterDateFns from '@mui/lab/AdapterDateFns';
import { LocalizationProvider } from '@mui/lab';
import { DatePicker, DatePickerProps } from '@mui/lab';
const FormikDatePicker: React.FunctionComponent<DatePickerProps&g
浏览 23提问于2022-07-12得票数 -1
当尝试在代码中实例化材料时，它抛出错误消息:尝试导入错误：' ToogleButton‘is not exported from '@material-ui/lab’。 import { ToogleButton } from '@material-ui/lab'; 版本： - @material-ui/core@4.9.8
- @material-ui/lab@4.0.0-aplha.47
- react@16.13.1
- react-dom@16.13.1
浏览 4提问于2020-04-03得票数 0
我有一个POST API，它需要以下形式的请求正文： {
"module_id": 7,
"module_type": "Post-Reading",
"module_name": "Course Overview",
"duration": 70,
} 下面是我的React代码，我无法继续如何发送请求正文。此外，我还想连续更新module_id。有没有人能帮个忙。我知道有很多错误，请帮助纠正。 import React, { u
浏览 33提问于2021-01-02得票数 1
import DesktopDatePicker from "@mui/lab/DesktopDatePicker";
import AdapterDateFns from "@mui/lab/AdapterDateFns";
import LocalizationProvider from "@mui/lab/LocalizationProvider";
import { Grid, TextField, Button } from "@mui/material";
import { useState } from "
浏览 48提问于2021-11-15得票数 0
./node_modules/@material-ui/lab/esm/useAutocomplete/useAutocomplete.js
Attempted import error: 'useControlled' is not exported from '@material-ui/core/utils'. 面对这个问题，如何解决？ 对应版本 "@material-ui/core": "^4.8.3",
"@material-ui/lab": "^4.0.0-alpha.44", Lin
浏览 26提问于2020-02-26得票数 7
回答已采纳
我将material-ui/core升级到5.0.0-beta.1版本，将material-ui/lab升级到5.0.0-alpha.30版本，但找不到DataGrid组件。它在material-ui/core和material-ui/lab中都不存在。此外，DataGrid的v5文档是空的。DataGrid在哪？
浏览 30提问于2021-07-25得票数 3
回答已采纳
我已经安装了材料-ui，当我试图安装其他的时，我得到了这个错误，没有任何与npm相关的工作正常，请帮助。
PS
C:\Users\panna\OneDrive\Desktop\forms\google_form> npm install @mui/lab
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @material-ui/core@4.12.4
npm ERR! Found: react@18.2.0
npm ERR! node_module
浏览 8提问于2022-11-13得票数 -1
回答已采纳
1回答
使用ToggleButton和ToggleButtonGroup组件从material-ui开始-ui的。为了避免常见的material-ui，也尝试使用styled-components。
我有以下的反应代码，这是无法正确的目标材料用户界面基础按钮。
如何使用样式组件正确地完成此操作？
我错过了什么最佳实践吗？
(我知道材料ui可能在布局上固执己见，但说我想要一个基本元素的悬停或文本颜色)。
// Also imports React, gatsby packages etc
import ToggleButton from '@material-ui/lab/To
浏览 5提问于2020-01-29得票数 3
回答已采纳
两个并排放置的日期选择器。我正在试着在第一次约会后给marginRight picker。 // app.js import * as React from "react";
import TextField from "@mui/material/TextField";
import AdapterDateFns from "@mui/lab/AdapterDateFns";
import LocalizationProvider from "@mui/lab/LocalizationProvider";
import Dat
浏览 32提问于2021-11-20得票数 0
回答已采纳
我正在使用material-ui/pickers库添加一个datepicker。但是它抛出了以下异常。 “ ? 我调查了这个问题，并了解到，如果我覆盖项目的主色和次色，就会抛出错误。否则，选取器工作正常。 这就是我添加自定义原色和次色的方法。 palette: {
primary: {
main: '#1D2951',
contrastText: 'white',
},
secondary: {
main: '#28D9C3',
contrastText
浏览 25提问于2021-01-05得票数 0
回答已采纳
3回答
我使用快速拨号材料Ui组件，我想在工具提示中应用一些样式
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import Button from '@material-ui/core/Button';
import Backdrop from '@material-ui/core/Backdrop';
import SpeedDial from '@material-ui/lab/SpeedDial'
浏览 2提问于2020-08-29得票数 1
回答已采纳
2回答
有没有人将事件添加到MUI DatePicker中？或者有人知道要改变选定的一天的背景？例如，更改选定日期的颜色？还是在选定的日子中添加一个生日？
我的代码：
import React from "react";
import TextField from "@mui/material/TextField";
import AdapterDateFns from "@mui/lab/AdapterDateFns";
import LocalizationProvider from "@mui/lab/LocalizationP
浏览 3提问于2021-10-07得票数 3
回答已采纳
我正在尝试在React Hook表单中使用MUI切换组，但是我无法在提交表单时获取要发布的值。我的切换组组件如下所示：
import FormatAlignCenterIcon from '@material-ui/icons/FormatAlignCenter';
import FormatAlignLeftIcon from '@material-ui/icons/FormatAlignLeft';
import FormatAlignRightIcon from '@material-ui/icons/FormatAlignRight';
浏览 15提问于2020-06-06得票数 0
回答已采纳
我在我的项目中使用react的material UI，在导入材质图标时遇到了一些麻烦，»已经安装了 "@material-ui/core": "^4.12.3",
"@material-ui/icons": "^4.11.2",
"@mui/lab": "^5.0.0-alpha.48",
"@mui/material": "^5.0.1", 但是由于某种原因，我得到了这个错误模块未找到:无法解决'@mui/icons-materi
浏览 36提问于2021-09-26得票数 0
我用的是反应材料-ui (MUI)
我想显示一个错误，在某些条件下，将计算在后端。
我使用了MUI-datepicker，但是我不能显示错误。
import * as React from 'react';
import TextField from '@mui/material/TextField';
import AdapterDateFns from '@mui/lab/AdapterDateFns';
import LocalizationProvider from '@mui/lab/LocalizationProvider&#
浏览 2提问于2022-02-25得票数 2
1回答
import Slider from '@material-ui/lab/Slider';
在生成时返回一个错误
ERROR in ./src/components/StepSlider/StepSlider-view.jsx
Module not found: Error: Can't resolve '@material-ui/lab/Slider' in 'D:\GIT\...\components\StepSlider'
@ ./src/components/StepSlider/StepSlider-view.jsx 2:0-
浏览 1提问于2020-01-26得票数 0
回答已采纳
我正在开发一个react js应用程序，其中我将Material-UI v5.0.0用于我的UI组件。此新版本将@material-ui/*前缀中的包名替换为@mui/* @material-ui/system -> @mui/system
@material-ui/styles -> @mui/styles
@material-ui/lab -> @mui/lab 在我的项目中，我还使用了另一个依赖项来在一个页面上显示日历，它有一个同级依赖项Material-UI v4.12.3，它导入了像@material-ui/system这样的材质库。 我应该如何管理我在packa
浏览 308提问于2021-09-05得票数 1
回答已采纳
在浏览器上运行项目时出现了以下错误：
未能编译：
./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js
Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.
我正在尝试实现 (来自“多值”部分中的示例)。
下面是我使用的代码：
import React from 'react';
import Chip from '@material-ui/co
浏览 6提问于2020-04-05得票数 12
回答已采纳
这是我的第一次张贴，我是一个初级的前端开发人员，所以请轻松对我。
这让我非常困惑，我已经看过，测试过，并且由于某种原因，Inputlabel来自Material (ver )。5)不是在我正在开发的网站的这一边工作。我在主页上使用了输入标签和日期选择器，它们的工作没有问题。但突然间试图制作一个用户配置文件..。这开始给我带来麻烦了。从字面上看，复制文档中的内容，但仍然存在这个问题。
当我点击输入时，页面上的所有内容都消失了。打开Chrome检查器会给出标题中的错误。我真的很无知。张贴我的代码，看看是否有人可以借我一点帮助。提前谢谢你。
import React from 're
浏览 2提问于2021-12-29得票数 0
当我尝试准确地从文档中导入自动完成时：，我得到以下错误消息：
Failed to compile.
./node_modules/@material-ui/lab/esm/useAutocomplete/useAutocomplete.js
Attempted import error: 'unstable_useId' is not exported from '@material-ui/core/utils' (imported as 'useId').
react代码：
/* eslint-disable no-use-before-de
浏览 0提问于2020-04-14得票数 1
我遇到了以下问题：
...
var useStyles = makeStyles(function (theme) {
11 | var _a;
> 12 | return createStyles({
13 | button: {
...
具有material-ui deps的package.json：
...
"@material-ui/core": "4.9.7",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab&
浏览 0提问于2020-03-30得票数 0
我想在我的react项目中使用@material/core提供的Slider组件，但是如果我像这样导入：import Slider from 'import Slider from '@material-ui/lab/Slider';，它确实会抛出错误Module not found: Error: Can't resolve 'import Slider from '@material-ui/lab/Slider';。
我正在使用"@material-ui/core": "^3.9.3"。此外，在我的no
浏览 11提问于2019-10-01得票数 2
回答已采纳
根据资料UI文档，
但是，您可以在import LoadingButton from '@material-ui/lab/LoadingButton';中看到这个文件夹，而且导入会抛出一个错误。
我已经在运行yarn add @material-ui/lab了。
我也有"@material-ui/core"了。
我是否需要为“next”安装一些东西，因为我看到文档url也不同：
虽然我使用过的大多数组件都在这里：
浏览 4提问于2021-04-30得票数 4
回答已采纳
我试着用Material UI做一个react日期范围选择器。首先，我在使用makeStyles时遇到了一些问题，我用withStyles解决了这个问题:从‘@material-ui/styles’导入{ withStyles }； 现在我遇到了这个问题：“错误:您正在使用一个未定义的组件调用withStyles(样式)(组件)。” ? 下面是我的代码结构： import { withStyles } from '@material-ui/styles';
const useStyles = withStyles((theme) => ({
...
)
浏览 11提问于2021-07-01得票数 0
日期选择器和时间选择器无法正常工作。在桌面上，日历弹出窗口根本不会显示，只能在移动设备上工作。在Firefox上，不显示任何内容。
Material-UI 1.0 beta.18
浏览 2提问于2017-10-30得票数 0
最近，我开始在React + TypeScript项目中使用material。以下代码是根据官方网站上的示例代码编写的。
import AdapterDateFns from '@mui/lab/AdapterDateFns';
import DatePicker from '@mui/lab/DatePicker';
import LocalizationProvider from '@mui/lab/LocalizationProvider';
import TextField from '@mui/material/TextFiel
浏览 6提问于2022-03-17得票数 3
1回答
我想使用datePicker in reactJS(Next )都正常工作，但是当我将浏览器切换到响应时，图标就消失了。谁能帮我解决这个问题
这是我的密码
import TextField from '@mui/material/TextField'
import AdapterDateFns from '@mui/lab/AdapterDateFns'
import LocalizationProvider from '@mui/lab/LocalizationProvider'
import DatePicker from '@mui
浏览 7提问于2022-04-02得票数 1
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: @material-ui/data-grid@4.0.0-alpha.37
npm ERR! Found: react@16.13.0
npm ERR! node_modules/react
npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4
npm ERR! node_modul
浏览 3提问于2022-09-26得票数 -1
我进口了滑翔机：
import Slider from '@material-ui/lab/Slider';
并在渲染中返回。
代码没有编译，正在抛出一个错误：
模块未找到:错误：Can't resolve '@material-ui/lab/Slider' in {path}。
有人能帮我吗？谢谢。
浏览 1提问于2018-09-14得票数 31
回答已采纳
当我使用这些依赖项时，我不知道是bug还是特性： "@material-ui/core": "4.8.3",
"@material-ui/lab": "4.0.0-alpha.37" 在失去了一些TreeItem的焦点并选择了另一个TreeItem之后，我在之前选择的TreeItems上没有看到任何TreeItem背景。 ? 现在，在更新到后： "@material-ui/core": "^4.11.3"
"@material-ui/lab": "^4.0.0-al
浏览 82提问于2021-02-12得票数 1
回答已采纳
1回答
我是新的反应，现在我希望能够有一个可重用的组件的日期输入，但我不能从组件的值返回到寄存器。
这是我的表单代码：
import React, { useState, useEffect } from "react";
import { useForm } from "react-hook-form";
import { Button } from "@mui/material";
import FDate from "../../Components/Forms/FDate";
function AltaArtista() {
浏览 3提问于2021-12-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
