가져오기 시도 오류: 'uuid'에 기본 내보내기('uuid'로 가져오기)가 반응에서 포함되어 있지 않습니다.
오류: Import 시도 오류: 'uuid'에 기본 내보내기('uuid'로 가져오기)가 포함되어 있지 않습니다.
이것은 코드 샘플입니다.
import uuid from "uuid";
//import * as uuid from "uuid";
import TodoInput from "./components/TodoInput";
import TodoList from "./components/TodoList";
export default class App extends Component {
state = {
items: [
{ id: 1, title: "wake up" },
{ id: 2, title: "make breakfast" }
],
id: uuid(),
item: "",
editItem: false
};
....
....
이면에는 어떤 이유가 있을까요?
냐하 because는uuid에 '없음'이 .defaultexport(export(export)가 있는 처럼 export를 합니다.
(예전에는 존재했지만 삭제되었습니다.)
설치가 완료되면 필요한 UUID 유형을 결정합니다.RFC4122에는 4가지 버전이 있으며, 모두 여기서 지원됩니다.
(자료는 https://www.npmjs.com/package/uuid)에서 확인하실 수 있습니다.
따라서 다음 중 하나를 선택해야 합니다.
import {v1 as uuid} from "uuid";
// import {v3 as uuid} from "uuid";
// import {v4 as uuid} from "uuid";
// import {v5 as uuid} from "uuid";
필요한 구현에 따라 달라집니다.
이전 버전의 패키지를 사용하는 경우 다음 중 하나를 사용할 수 있습니다.
import uuid from 'uuid/v1'
// import uuid from 'uuid/v3'
// import uuid from 'uuid/v4'
// import uuid from 'uuid/v5'
''를 'yarn add uuid에는 v1, modules.node_modulesuuid v1, v2, v3, v4 uuid가 되어 있습니다.uid에 따라 중 【uid】【Import】
import {v4 as uuid} from 'uuid'
const id = uuid()
이것으로 내 문제는 해결되었다.버전 "filename": "^7.0.3" 및 "filename": "^16.13.1",
이건 나한테 효과가 있었어.
먼저, 달려라
npm install uuid
그리고나서
import { v4 as uuidv4 } from 'uuid';
사용하기 위해서는 전화만 하면 됩니다.
uuidv4();
이건 나한테 효과가 있었어.
먼저, 달려라
npm install uuid
그리고나서
import { v4 as uuidv4 } from 'uuid';
을 사용하려면 , 「아까운 사람」라고 전화하면 .uuidv4().
반응유체 사용
npm i react-uuid
import uuid from 'react-uuid';
const id = uuid();
이전에는 새로운 릴리스에서는 사용할 수 없는 기본 상태에 액세스할 수 있었습니다.
https://www.npmjs.com/package/uuid의 업데이트를 확인해 주십시오.
import { v4 as uuidv4 } from 'uuid';
npm 설명서에서 패키지로 제공되는 다른 접근 방법이 있습니다.
기본 내보내기는 UUID의 npm 페이지에 설명된 대로 삭제되었습니다.
nmpjs.com 에서
기본 내보내기 제거됨
uuid@3은 버전4 UUID 메서드를 디폴트 내보내기로서 내보내고 있었습니다.
const uuid = require('uuid'); // <== REMOVED!은 이미 에서 권장되지 .
uuid@3되었습니다.uuid@7.
명령줄 install uuid:
npm i react-uuid
프로젝트:
import { v4 as uuid } from "uuid";
const id = uuid();
다른 사용자가 이미 설명한 바와 같이 변수를 구축합니다.
const { v4 as uuid } from 'uuid';
코드로 사용:
const id = uuid();
Jest 테스트에서 이 오류가 발생할 경우 moduleNameMapper에 다음 항목을 추가합니다.
moduleNameMapper: {
'^uuid$': 'uuid'
}
Import할 때 uuid를 추가하면 v4가 동작할 것 같습니다.
내 말은 이렇다.
import uuid from 'uuid/v4';
대신: 'uuid'에서 uuid 가져오기
이 방법은 성공했습니다(임의 문자열 작성 시). 'uuid/v4'에서 uuid 가져오기
저는 이걸 썼어요
import v1 from 'uuid/v1.js'
const uuid = v1;
성공했어!!
명령줄에서 다음을 수행합니다.
npm i react-uuid
그럼 프로젝트에서는
import uuid from 'react-uuid';
const id = uuid();
import uuid from 'uuid/dist/v4'
은 가 있을 것이다.
(일부 불완전/중지된 의존관계 설치로 인해) 필요한 모든 작업은 때때로node_modules폴더 및 실행npm install다시 한 번.
Voila(대부분의 경우).
버전 4(랜덤) UUID 생성
'v4'에서 {v4를 uuidv4 }로 가져옵니다.
id:httpv4(); // "9b1gl4d-3b7d-4bad-9bdd-2b0d7b3dcb6d" https://www.npmjs.com/package/uuid
쓰다
const uuid = require('uuid');
대신
import uuid from 'uuid'
node_modules와 package-lock.json을 삭제하고 npm install과 npm install react-script를 재설치한 후 동작했습니다.
- 실 추가 UUID
- 'v4'에서 {v4를 uuid로 가져오기
- console.log(syslog();
언급URL : https://stackoverflow.com/questions/60830848/attempted-import-error-uuid-does-not-contain-a-default-export-imported-as-u
'programing' 카테고리의 다른 글
| 중첩된 속성과 함께 개체 범위를 사용하는 방법 (0) | 2023.03.05 |
|---|---|
| ES6 클래스로 스태틱스 대응 (0) | 2023.03.05 |
| 사용자 입력으로 json_decode를 호출해도 안전합니까? (0) | 2023.03.05 |
| WordPress 웹 사이트를 서버에 업로드할 때 기본 테마 표시 (0) | 2023.03.05 |
| 대부분의 웹 브라우저에서 PUT, DELETE, HEAD 등의 방법을 사용할 수 있습니까? (0) | 2023.03.05 |