Webpack 2.3.3-TypeError：$ export不是一個函數

Question

我有這個Webpack配置：

const path = require('path');

module.exports = {
  entry: ['babel-polyfill', './lib/index.js'],
  output: {
    path: path.resolve(__dirname + '/dist'),
    filename: 'suman.js'
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        options: {
          presets: ['latest'],
          plugins: ['transform-runtime']
        }
      }
    ]
  },

  node: {
    assert: 'empty',
    buffer: 'mock',
    child_process: 'empty',
    cluster: 'empty',
    console: 'mock',
    constants: 'empty',
    crypto: 'empty',
    dgram: 'empty',
    dns: 'mock',
    domain: 'empty',
    events: 'empty',
    fs: 'empty',
    http: 'empty',
    https: 'empty',
    module: 'empty',
    net: 'mock',
    os: 'empty',
    path: 'empty',
    process: 'mock',
    punycode: 'mock',
    querystring: 'empty',
    readline: 'empty',
    repl: 'empty',
    stream: 'empty',
    string_decoder: 'empty',
    timers: 'empty',
    tls: 'mock',
    tty: 'mock',
    url: 'empty',
    util: 'empty',
    v8: 'mock',
    vm: 'empty',
    zlib: 'empty',
  }
};

我在命令行上運行$ webpack，我得到一個輸出文件，將文件加載到瀏覽器中，如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Suman tests</title>
  <script src="../../../dist/suman.js"></script>
</head>
<body>

</body>
</html>

如果我在瀏覽器中加載此html文件，則會得到：

suman.js:48039 Uncaught TypeError: $export is not a function
    at Object.<anonymous> (suman.js:48039)
    at __webpack_require__ (suman.js:20)
    at Object.<anonymous> (suman.js:46862)
    at __webpack_require__ (suman.js:20)
    at Object.hasOwnProperty (suman.js:12300)
    at __webpack_require__ (suman.js:20)
    at Object.<anonymous> (suman.js:10477)
    at __webpack_require__ (suman.js:20)
    at Object.<anonymous> (suman.js:12321)
    at __webpack_require__ (suman.js:20)

我在Github上看了一堆問題，但似乎沒有一個能解決問題。 有人知道怎么了嗎？

我正在使用Webpack 2.3.3版。

旁注-在哪里可以找到一些Node.js / NPM模塊的polyfill？

$export似乎是由Webpack生成的函數，其中一些出現在我的輸出文件中：

var global = __webpack_require__(10),
    core = __webpack_require__(58),
    hide = __webpack_require__(33),
    redefine = __webpack_require__(34),
    ctx = __webpack_require__(59),
    PROTOTYPE = 'prototype';

var $export = function $export(type, name, source) {
  var IS_FORCED = type & $export.F,
      IS_GLOBAL = type & $export.G,
      IS_STATIC = type & $export.S,
      IS_PROTO = type & $export.P,
      IS_BIND = type & $export.B,
      target = IS_GLOBAL ? global : IS_STATIC ? global[name] || (global[name] = {}) : (global[name] || {})[PROTOTYPE],
      exports = IS_GLOBAL ? core : core[name] || (core[name] = {}),
      expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {}),
      key,
      own,
      out,
      exp;
  if (IS_GLOBAL) source = name;
  for (key in source) {

Answer 1

隨着

test: /\.js$/

你應該有

exclude: /node_modules/

如您在用法示例中所見： https : //github.com/babel/babel-loader#usage

例如

{
  test: /\.js$/,
  exclude: /node_modules/,
  loader: 'babel-loader',
  options: {
    presets: ['latest'],
    plugins: ['transform-runtime']
  }
}

在這種情況下，您使用的是transform-runtime ，這意味着Babel會將對babel-runtime引用插入到您的代碼中。 問題是沒有exclude: /node_modules/,或至少沒有exclude: /node_modules\\/(?!babel-runtime)/, ，，您還告訴babel-runtime在自身內部插入對自身的引用，這會創建循環依賴項這將破壞代碼。

Webpack 2.3.3-TypeError：$ export不是一個函數

問題描述

1 個解決方案

解決方案1
9 已采納 2017-04-05 05:37:49

Webpack 2.3.3-TypeError：$ export不是一個函數

問題描述

1 個解決方案

解決方案1 9 已采納 2017-04-05 05:37:49

解決方案1
9 已采納 2017-04-05 05:37:49