javascript - ES6使用导出和导入出现错误

Question

我想在另一个JS文件中使用该函数，所以我这样做:

a.js

const GotMsg = {
    test1(key) {
        console.warn(`It is Test1 + ${key}`);
    },
    test2(key) {
        console.warn(`It is Test2 + ${key}`);
    },
};

b.js

import * as test from 'scripts/a'
const result = test.GotMsg.test1('AA');
console.log(result);

并在 Chrome 中运行，但我在 Chrome 开发者工具中遇到错误:

Uncaught (in promise) TypeError: Cannot read property 'test1' of undefined at eval

我该如何解决该错误？谢谢。

Answer 1

您没有在 a.js 中导出 GotMsg

const GotMsg = {
  test1(key) {
    console.warn(`It is Test1 + ${key}`);
  },
  test2(key) {
    console.warn(`It is Test2 + ${key}`);
  },
};
export default GotMsg;

然后在b.js中

import GotMsg from './GotMsg'; // or wherever it is

// do things.

另一种导出方法是导出每个单独的函数

export function test1() {}
export function test2() {}

然后

import { test1, test2 } from './path/to/file';