webpack : 동일한 모듈의 import + module.exports에서 오류가 발생했습니다.

Question

webpack을 사용하여 웹 사이트를 개발하고 있습니다. 다음과 같은 코드가있을 때 :

나는 Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>' 오류가 있습니다.

import $ from 'jquery'에서 var $ = require('jquery')으로 변경하면 오류가 발생하지 않습니다.

왜 module.exports를 사용하여 가져 오기하면이 오류가 발생합니까? 대신 require를 사용하는 데 문제가 있습니까?

Answer 1

import과 module.exports을 함께 사용할 수 없습니다. import 세계에서는 물건을 내 보내야합니다. 의

// Change this 
module.exports = foo; 

// To this 
export default foo;