머티리얼 UI에서 SVG 아이콘에 대한 컴포넌트 랩> 자동 완성 기능을 사용하여 컴파일 오류

브라우저에서 프로젝트를 실행할 때 다음 오류가 발생했습니다.

컴파일하지 못했습니다 :

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

NPM으로 SVG 아이콘을 설치하려고했습니다.

npm install @material-ui/icons

그런 다음 내 TypeScript로 가져옵니다.

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

그러나 여전히 위의 오류가 있습니다. 이 문제를 어떻게 해결할 수 있습니까?

다음 @material-ui/core을 실행 하여 업데이트를 시도 할 수 있습니까

npm update

최신 버전 의 Material-UI 프로젝트 CHANGELOG ( 이 답변을 작성하는 시점 은 v4.9.9 )에 설명 된대로 다음과 관련된 변경 사항이 있습니다.createSvgIcon

팀의 전체 대화는 여기 에서 찾을 수 있습니다 .

문제가 발생했을 때?

React 프로젝트를 실행할 때의 자동 완성 구성 요소 를 사용하고 싶었습니다 @material-ui/lab.

어떻게 해결 했습니까?

@material-ui/core이 명령을 사용하여 패키지를 v4.9.9로 업그레이드했습니다 .

yarn upgrade @material-ui/core --latest