รวบรวมข้อผิดพลาดโดยใช้คุณลักษณะการทดลองส่วนประกอบ> เติมข้อความอัตโนมัติสำหรับไอคอน SVG ใน Material UI


11

ฉันได้รับข้อผิดพลาดต่อไปนี้เมื่อฉันรันโครงการบนเบราว์เซอร์:

ไม่สามารถรวบรวม:

./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';

แต่ฉันยังคงมีข้อผิดพลาดข้างต้น ฉันจะแก้ไขปัญหานี้ได้อย่างไร

คำตอบ:


23

คุณลองอัปเดต@material-ui/coreโดยใช้งานได้ไหม

npm update

ฉันอัปเดต npm และฉันได้รับ @ material-ui / core @ 4.9.9 เวอร์ชันและตอนนี้ฉันไม่มีข้อผิดพลาด คุณรู้ได้อย่างไรว่านั่นเป็นปัญหา
yasserpulido

ฉันได้อัปเดตเป็น @ material-ui / core @ 4.9.9 และยังคงได้รับข้อผิดพลาดโปรดช่วยด้วย
Salah Eddine Makdour

3

ตามที่อธิบายไว้ในโครงการ Material-UI CHANGELOGของเวอร์ชันล่าสุด (ซึ่งคือv4.9.9เวลาที่ฉันเขียนคำตอบนี้) มีการเปลี่ยนแปลงที่เกี่ยวข้องกับcreateSvgIcon

ป้อนคำอธิบายรูปภาพที่นี่

การสนทนาที่สมบูรณ์ของทีมที่สามารถพบได้ที่นี่

เมื่อฉันพบปัญหาหรือไม่

เมื่อการทำงานที่ตอบสนองโครงการและผมอยากจะใช้การเติมข้อความอัตโนมัติ@material-ui/labส่วนประกอบจาก

ฉันจะแก้ไขมันได้อย่างไร

ฉันอัพเกรด@material-ui/coreแพ็คเกจเป็น v4.9.9 โดยใช้คำสั่งนี้:

yarn upgrade @material-ui/core --latest

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.