如何使用 npm ZEFE90A8E604A7C840E888D03D 中的 module.exports 導出 JavaScript object

Question

我發布了 npm package。 目錄結構類似於以下內容：

my-package
└── js/script.js
└── index.js

js/script.js文件包含一個 object ，它是我的庫的名稱，可以說elephant 。 像這樣的東西：

var elephant = {
    function_1: function() {
        ...
    },
    function_2: function() {
        ...
    }
}

在我的index.js文件中，我像這樣導出它：

import { elephant } from "./js/script.js";

module.exports = elephant;

發布並安裝 package 后，我嘗試使用以下代碼行將其拉入我的項目：

const elephant = require('my-package');
elephant.function_1();
elephant.function_2();

但是，不幸的是，當我運行服務器（在 Vue 項目中）時，出現以下錯誤：

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

我假設這是指index.js文件中的第三行。 我該如何解決這個問題？ 如何導出我的 object 變量並在我的節點項目中使用它？ 謝謝你的幫助！

Answer 1

你不能混合import和module.exports

使用export default elephant而不是module.exports = elephant;