亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

material-ui-pickers示例:TypeError:Object(…)不是函數

material-ui-pickers示例:TypeError:Object(…)不是函數

慕少森 2021-05-13 18:50:15
我正在嘗試使用一個裸項目并遵循此處描述的安裝和使用步驟來設置最基本的可能的材料UI選擇器示例:https : //material-ui-pickers.dev/我收到以下錯誤:TypeError: Object(...) is not a functionModule../node_modules/@material-ui/pickers/dist/material-ui-pickers.esm.jsnode_modules/@material-ui/pickers/dist/material-ui-pickers.esm.js:25  22 | import Tab from '@material-ui/core/Tab';  23 | import Tabs from '@material-ui/core/Tabs';  24 | import Paper from '@material-ui/core/Paper';> 25 | var useStyles = makeStyles(function (theme) {  26 |   var textColor = theme.palette.type === 'light' ? theme.palette.primary.contrastText : theme.palette.getContrastText(theme.palette.background.default);  27 |   return {  28 |     toolbarTxt: {我遵循的步驟是:create-react-app material-ui-pickers-demoyarn add @material-ui/coreyarn add @material-ui/pickersyarn add @date-io/date-fnsimport React, { useState } from "react";import DateFnsUtils from "@date-io/date-fns"; // choose your libimport {  DatePicker,  TimePicker,  DateTimePicker,  MuiPickersUtilsProvider,} from "@material-ui/pickers";function App() {  const [selectedDate, handleDateChange] = useState(new Date());  return (    <MuiPickersUtilsProvider utils={DateFnsUtils}>      <DatePicker value={selectedDate} onChange={handleDateChange} />      <TimePicker value={selectedDate} onChange={handleDateChange} />      <DateTimePicker value={selectedDate} onChange={handleDateChange} />    </MuiPickersUtilsProvider>  );}export default App;yarn start紗線版本為1.16.0節點版本為v12.1.0
查看完整描述

1 回答

?
慕俠2389804

TA貢獻1719條經驗 獲得超6個贊

原因是的版本錯誤@material-ui/core。目前@material-ui/pickers僅能正常使用@material-ui/[email protected]。@ material-ui / core beta 1和@ material-ui / pickers太原始了,無法在項目中使用它們。因此,要解決您的問題,您需要執行以下步驟:

刪除node_modules目錄并運行yarn add @material-ui/[email protected] ,最后運行@material-ui/[email protected] 它應該可以修復該錯誤。


查看完整回答
反對 回復 2021-05-27
  • 1 回答
  • 0 關注
  • 273 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號