Cách sửa lỗi TypeError: Không thể gán cho thuộc tính chỉ đọc 'xuất khẩu' của đối tượng '#' lỗi

Trong khi làm việc trên một dự án, tại một số điểm, tôi gặp lỗi này:

TypeError: Cannot assign to read only property 'exports' of object '#<Object>' error

The error is generated by Webpack and it means you are trying to use CommonJS while you need to use ES modules!

Instead of using the CommonJS syntax:

const myfunction = () => {}
module.exports = myfunction

use this ES Modules syntax:

const myfunction = () => {}
export default myfunction

Then you can import an exported function or object like this:

import myfunction from './myfunction'

You can also export multiple functions or objects from a file:

myfunctions.js

const myfunction1 = () => {}
const myfunction1 = () => {}

export { myfunction1, myfunction2 }

Then you can import them as:

import { myfunction1, myfunction2 } from './myfunctions.js'

More js tutorials: