0
0
MUI Xについて質問です。
Win11+VScodeという環境で、React+typescript+MUI にて作成を行っております。
公式サイトに掲載されている以下の方法で、MUI Xをインストール。
npm install @mui/x-data-grid
npm install @mui/x-date-pickers
tsx
1import { DemoContainer } from '@mui/x-date-pickers/internals/demo'; 2import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'; 3import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'; 4import { DatePicker } from '@mui/x-date-pickers/DatePicker'; 5 6export default function BasicDatePicker() { 7 return ( 8 <LocalizationProvider dateAdapter={AdapterDayjs}> 9 <DemoContainer components={['DatePicker']}> 10 <DatePicker label="Basic date picker" /> 11 </DemoContainer> 12 </LocalizationProvider> 13 ); 14}
で、上記のソースを公式サイトからコピペ、動作確認をしましたところ、ブラウザ上で以下のエラーが発生します。
VScodeでは、エラーは表示されていませんが、画面には何も表示されません。
Failed to compile
./node_modules/@mui/utils/useControlled.js
Error: ENOENT: no such file or directory, open '~\node_modules@mui\utils\useControlled.js'
/プロジェクト名/node_modules/@mui/utils/ に、useControlled.js は存在しませんので、エラーが出る理解は出来るのですが、
何故、/プロジェクト名/node_modules/@mui/utils/ に、useControlled.js が存在しないのかが分かりません
関係ないかもしれませんが、/プロジェクト名/node_modules/@mui/material/utils/ には、useControlled.js が存在します。
MUIやMUI Xを再インストールを行っても、
node_modules@mui\utils\useControlled.js は作成されません。
node_modules@mui\utils\useControlled.js が作成されるには、何をすればよいのでしょうか?
尚、package.json に記載されているmui関連のバージョンは、以下の通りです。
"@emotion/react": "^11.11.1",
"@emotion/styled": "^11.11.0",
"@mui/icons-material": "^5.11.16",
"@mui/material": "^5.13.6",
"@mui/styled-engine-sc": "^5.12.0",
"@mui/utils": "^5.13.6",
"@mui/x-data-grid": "^6.9.0",
"@mui/x-date-pickers": "^6.9.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
~
"typescript": "^5.1.3"
以上
回答1件
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。