[reactjs] 머티리얼 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';

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

답변

npm update