Biên dịch lỗi bằng cách sử dụng Phòng thí nghiệm thành phần> Tính năng tự động hoàn thành cho các biểu tượng SVG trong UI vật liệu

Tôi đã gặp lỗi sau khi chạy dự án của mình trên trình duyệt:

Không thể biên dịch:

./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js
Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'.

Tôi đang cố gắng triển khai thành phần Tự động hoàn thành (từ ví dụ trong phần "Nhiều giá trị").

Đây là mã tôi đang sử dụng:

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"
          />
        )}
      />

Tôi đã cố gắng cài đặt Biểu tượng SVG bằng NPM:

npm install @material-ui/icons

Và sau đó nhập chúng vào TypeScript của tôi:

import createSvgIcon from '@material-ui/icons/utils/createSvgIcon';

Nhưng tôi vẫn có lỗi ở trên. Làm thế nào tôi có thể giải quyết vấn đề này?

Bạn có thể thử cập nhật @material-ui/corebằng cách chạy không

npm update

Như được mô tả trong dự án Vật liệu-UI CHANGELOG của phiên bản mới nhất (phiên bản v.9.9.9 khi tôi viết câu trả lời này), có một thay đổi liên quan đếncreateSvgIcon

Cuộc trò chuyện đầy đủ của đội có thể được tìm thấy ở đây .

Khi tôi gặp vấn đề?

Khi chạy một dự án React và tôi muốn sử dụng thành phần Autocomplete từ đó @material-ui/lab.

Làm thế nào tôi giải quyết nó?

Tôi đã nâng cấp @material-ui/coregói lên v4.9.9 bằng lệnh này:

yarn upgrade @material-ui/core --latest