使用 es6 模块：未捕获的 ReferenceError：define 未定义

Question

我想使用 es6 模块，并为它们安装了 babel 插件（es2015-modules-amd）。 但是我在模块中写的内容没有导入到主文件中，在第一次尝试导入任何内容时，控制台错误：“未捕获的引用错误：定义未定义”。 当我尝试将 common.js 与那些 require 语句一起使用时，也发生了同样的事情，控制台刚刚指出，错误和那个 require 也没有定义。 它是什么？

Answer 1

我必须得到一个模块捆绑器，使用它后，一切顺利

Answer 2

我必须安装

npm i -D @babel/plugin-transform-modules-amd

并使用.babelrc文件

{
  "plugins": [
    "transform-es2015-modules-amd"
  ]
}

Answer 3

当 babel 出现“define is not defined”错误时，另一种方法解决了我的问题：

npm install --save-dev browserify 
browserify input.js > output.js

虽然它的browserify轻松解决了这个问题。