web-dev-qa-db-ja.com

Babel Plugin / Presetファイルはオブジェクトのエクスポートを許可されていません。関数のみ

古いプロジェクトでBabel-loaderを使用しようとしていますが、babel loaderがラップされたオブジェクトで動作しているときにいくつかの問題に気づきました、これはデフォルトの動作ですか？これがバグなのか、何か悪いことをしているのかわからない、グーグルでそれについて多くを見つけることができなかったので、これは私の最後のリソースです。

動作させるためにコードを変更する必要がありますか？

これは私の現在の仕様です：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.

だから、私は何かが欠けていますか？

助けてくれてありがとう。

javascriptwebpackbabel
34
Gabriel Slomka

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
55
Prince Francis

Package.jsonから、Babel v6用の古いプラグインとプリセットを使用していることがわかります。このエラーメッセージが表示されます。たとえば、@babel/preset-envに切り替えてから、それに応じて.babelrcを更新する必要があります（.babelrcを指定した場合、より具体的なガイダンスを提供できます）。

関連チケットといくつかの説明- https://github.com/babel/babel-loader/issues/54

package.jsonに表示されるものに関するいくつかの半関連のメモ：

古いbabel-core依存関係はまだあります。これを削除するか、バージョン7.0.0-bridge.0に更新してください。同様に、古い反応プリセットがそこにあり、それを削除します。

envプリセットを使用している場合、es2015プリセットをまったく使用する必要はありません。それを除く。

9
Spain Train