Babel插件/预设文件不允许导出对象,仅可导出功能

JavaScript Webpack

2020-03-24

我正在尝试在一个旧项目上使用Babel-loader,并且我注意到有关babel loader在包装对象上工作时的一些问题,这是它的默认行为吗?我不确定这是错误还是我做错了什么,我在Google上找不到太多,所以这是我最后的资源。

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

这是我当前的规格: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.

所以,我想念什么吗?

谢谢你的帮助。

第3364篇《Babel插件/预设文件不允许导出对象,仅可导出功能》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
小宇宙 2020.03.24

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

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

关于我在package.json以下内容中看到的一些其他半相关注释

旧的babel-core依赖关系仍然存在。删除它或将其更新为version 7.0.0-bridge.0同样,旧的反应预设位于其中,将其删除。

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

凯Near 2020.03.24

babel 7.x和和有相同的错误"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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android