如何在IIFE（立即调用函数表达式）函数中导入javascript模块？

Question

我想在IIFE（立即调用函数表达式）函数中添加一个javascript模块。 不幸的是，我成为以下语法错误：

SyntaxError: import declarations may only appear at top level of a module

我的math javascript模块如下：

var math = function () {
  return {
    add: function (num1, num2) {
       return num1 * num2;
    },
    square: function (num) {
       return num * num;
    }
  };
};

if (typeof module !== 'undefined') {
  module.exports = math;
}

我还有另一个JavaScript文件，看起来像这样：

import "math";

(function() {
    "use strict";
    this.m = new math();
    console.log(m.add(1, 6));
})();

导入在最顶部定义，但是语法错误仍然存​​在，我必须将导入声明移到顶部。

我还尝试将import语句作为IIFE（立即可调用函数表达式）函数的第一行插入，但这不是有效位置。

万一有人知道这是怎么回事，请写评论。 我会很感激的。

Answer 1

我认为您错误地将Python模块用于JavaScript。 import "math"; 什么也不会做。 首先，您需要在变量中分配模块的导出，还需要使用相对路径，否则它将尝试将其解析为NPM模块。

更换

import "math";

与：

import math from "./math";

同样，如果在函数或方法中间的某个位置使用import语句，则错误SyntaxError: import declarations may only appear at top level of a module 。 所有 import语句应位于模块的顶层。

Answer 2

能否请您尝试添加以下内容，然后再次检查，

module.exports.math = () => {
  return {
    add: (num1, num2) => {
       return num1 * num2;
    },
    square: (num) => {
       return num * num;
    }
  };
};