import 대상 해체 실패 문제
문제.
es6 문법의 해체 값에 익숙해져서 import에 도입된 대상에 대해 해체 값을 할 때 대상이
undefined
로 변한 것을 발견했다.오류 예
// static.js
let foo = "foo"
let bar = "bar"
let obj = {foo, bar}
export default obj
// main.js
import { foo, bar } from "./static"
console.log(foo) // undefined
console.log(bar) // undefined
import obj from "./static"
console.log(obj.foo) // foo
console.log(obj.bar) // bar
까닭
export default 문법은 bebebel의 뜻을 바꾼 후 작용역을 잃어버립니다. 코드는 다음과 같습니다.
export default {
host: 'localhost',
port: 80
}
babel 번역 후
module.exports.default = {
host: 'localhost',
port: 80
}
솔루션
// main.js
import { foo, bar } from "./static"
// static.js
let foo = "foo"
let bar = "bar"
export { foo, bar }
END
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
오류 수정 소프트웨어에 의한 연결 abort: socket write error텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.