ฉันได้รับข้อผิดพลาดต่อไปนี้เมื่อฉันรันโครงการบนเบราว์เซอร์:
ไม่สามารถรวบรวม:
./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/core/Chip';
import Autocomplete from '@material-ui/lab/Autocomplete';
import TextField from '@material-ui/core/TextField';
<Autocomplete
multiple
id="tags-standard"
options={top100Films}
getOptionLabel={(option) => option.title}
defaultValue={[top100Films[13]]}
renderInput={(params) => (
<TextField
{...params}
variant="standard"
label="Multiple values"
placeholder="Favorites"
/>
)}
/>
ฉันพยายามติดตั้งไอคอน SVG โดย NPM:
npm install @material-ui/icons
จากนั้นจึงนำเข้าสิ่งเหล่านี้ไปยัง TypeScript ของฉัน:
import createSvgIcon from '@material-ui/icons/utils/createSvgIcon';
แต่ฉันยังคงมีข้อผิดพลาดข้างต้น ฉันจะแก้ไขปัญหานี้ได้อย่างไร