Babel Plugin/Preset文件不允许导出对象,仅导出函数

Question

我试着在一个旧项目中使用Babel-loader,我注意到有关babel加载器何时处理包装对象的一些问题,这是它的默认行为吗？我不确定这是一个错误还是我做错了什么,我在谷歌上找不到它,所以这是我的最后一个资源.

我是否需要更改代码才能使其正常工作？

这是我目前的规格:Webpack:3.19.0 babel/core:7.0.0-beta.34 babel-loader:8.0.0-beta.0

如果需要,请参考我的packages.json:

http://paste.ubuntu.com/26187880/

我试着加载包含在函数中的单个文件:

http://paste.ubuntu.com/26187814/

恢复,旧的,这样建立:

(  window.global = { } )();

这是我的webpack配置:

const webpackConfig = {
    context: __dirname,
    entry: {
        app: '../../JavaScript/Namespacing.js'
    },
    module: {
        rules: [
          {
            test: /.jsx?$/,
            exclude: /(node_modules|bower_components)/,
            use: {
              loader: 'babel-loader',
            }
          }
        ]
    },
    output: {
      path: __dirname + "/../../static/js",
      filename: "[name].js"
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery",
            "window.jQuery": "jquery"
        })
    ],
}

我得到的错误如下:

Plugin/Preset files are not allowed to export objects, only functions.

那么,我错过了什么吗？

谢谢你的帮助.

Answer 1

我babel 7.x和and和我有同样的错误"babel-loader": "^8.0.4"

我通过更改以下依赖项解决了这个问题,package.json. 我从这些链接获得了解决方案

"devDependencies": {
    "@babel/core": "^7.1.6",
    "@babel/preset-env": "^7.1.6",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "^8.0.4",
    "webpack": "^4.25.1",
    "webpack-cli": "^3.1.2"
}

并在 .babelrc

{
    "presets": ["@babel/env", "@babel/react"]
}

或者在 package.json

"babel": {
    "presets": [
        "@babel/env",
        "@babel/react"
    ]
},

如果您正在使用,请npm使用以下内容

npm install @babel/core --save-dev
npm install @babel/preset-env --save-dev
npm install @babel/preset-react --save-dev
npm install babel-loader --save-dev
npm install webpack --save-dev
npm install webpack-cli --save-dev

如果您使用纱线,请使用以下内容

yarn add @babel/core --dev
yarn add @babel/preset-env --dev
yarn add @babel/preset-react --dev
yarn add babel-loader --dev
yarn add webpack --dev
yarn add webpack-cli --dev

Answer 2

从你的package.json,我可以看到你使用的旧版插件和预设用于Babel v6,这将导致此错误消息.您需要切换到eg,@babel/preset-env然后相应地更新.babelrc(如果您提供.babelrc,可以给出更具体的指导).

这是一张相关的票据,有一些解释 - https://github.com/babel/babel-loader/issues/540

关于我所看到的一些半相关的注释package.json:

旧babel-core依赖仍然存在.删除它或将其更新为版本7.0.0-bridge.0.同样,旧的反应预设在那里,删除它.

如果使用env预设,则根本不需要使用es2015预设.去掉它.

Answer 3

自版本 7.x起， Babel 已将其软件包移至其范围存储库中。

babel 包的最后一个版本（在主 npmjs中）是：

"babel-core": "^6.26.3",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1",
...

但你必须使用@babel/范围存储库中的继续版本：

到今天为止，这些是：

"@babel/core": "^7.12.16",
"@babel/preset-env": "^7.12.16",
"@babel/preset-react": "^7.12.13",
...

所以你必须卸载并安装它们：

npm uninstall babel-core babel-preset-env babel-preset-react
npm install @babel/core @babel/preset-env @babel/preset-react

或者 ：

yarn remove babel-core babel-preset-env babel-preset-react --dev
yarn add @babel/core @babel/preset-env @babel/preset-react --dev

注1：您可以添加 a@并先更改-为/

注2：需要注意的是，babel-loader包并不在 babel 包中，它是webpack加载 babel的模块。（它仍然是最新版本的 bebel-loader）

将 babel 更改为其范围后，您必须在以下位置进行必要的更改.babelrc：

从：

"presets" : ["env","react"]

到 ：

"presets" : ["@babel/preset-env","@babel/preset-react"]