Babel生成的代码导致错误导出未定义

Question

当这段代码(从babel生成)运行时,我收到一个错误 exports is undefined

Object.defineProperty(exports, '__esModule', {

有任何想法吗？

Answer 1

您很可能不在支持CommonJS模块的环境中执行代码.您可以使用Bundify(例如Browserify或webpack) 将模块捆绑到可以在不同环境中运行的模块中.

或者您可以选择不同的模块变压器.

随着webpack

跑npm install -g webpack; npm install -D babel-loader.然后使用此webpack配置:

// webpack.config.js
module.exports = {
    entry: "./path/to/entry/module.js",
    output: {
        path: __dirname,
        filename: "bundle.js"
    },
    module: {
      loaders: [
        { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}
      ]
    }
};

运行该webpack命令将转换所有*.js可通过带有babel的条目文件到达的文件并将它们捆绑在一起bundle.js.