web-dev-qa-db-ja.com

トレース：ノードタイプSpreadPropertyは、Object.isSpreadPropertyでSpreadElementに名前が変更されました。

反応アプリを起動していますが、Webpackの構成は次のとおりです。

'use strict'

const ExtractPlugin = require('extract-text-webpack-plugin')
const HTMLPlugin = require('html-webpack-plugin')
module.exports = {
    devtool: 'eval',
    entry: `${__dirname}/src/main.js`,
    output: {
        filename: 'bundle-[hash].js',
        path: `${__dirname}/build`,
        publicPath: '/',
    },
    mode: 'development',
    performance: {
        hints: false
    },
    plugins: [
        new HTMLPlugin(),
        new ExtractPlugin('bundle-[hash].css'),
    ],
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_module/,
                loader: 'babel-loader',
            },
            {
                test: /\.scss$/,
                loader: ExtractPlugin.extract(['css-loader', 'sass-loader']),
            },
        ],
    },
}

次に、package.jsonファイルがあります。依存関係は次のとおりです。

"devDependencies": {
    "@babel/core": "^7.1.6",
    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
    "@babel/preset-env": "^7.1.6",
    "@babel/preset-react": "^7.0.0",
    "and": "0.0.3",
    "babel-cli": "^6.26.0",
    "babel-core": "^7.0.0-bridge.0",
    "babel-loader": "^8.0.4",
    "eslint": "^5.9.0",
    "install": "^0.12.2",
    "jest": "^23.6.0",
    "npm": "^6.4.1",
    "webpack-cli": "^3.1.2"
  },
  "dependencies": {
    "babel-plugin-transform-object-rest-spread": "^6.26.0",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.7.0",
    "css-loader": "^1.0.1",
    "extract-text-webpack-plugin": "^4.0.0-beta.0",
    "html-webpack-plugin": "^3.2.0",
    "node-sass": "^4.11.0",
    "react": "^16.6.3",
    "react-dom": "^16.6.3",
    "resolve-url-loader": "^3.0.0",
    "sass-loader": "^7.1.0",
    "webpack": "^4.25.1",
    "webpack-dev-server": "^3.1.10"
  }

私は多くの方法でbabelパッケージを第7バージョンまで更新し、babelrcの設定を変更しようとしました。

プロジェクトはコンパイルされますが、コンパイルの開始時に次のメッセージが表示されます。

トレース：ノードタイプSpreadPropertyは、Object.isSpreadPropertyでSpreadElementに名前が変更されました。

そして、そのような約100行。すべての行が印刷された後、コンパイルプロセスが進行し、正常に完了します。

それは何ですか？この行を削除するにはどうすればよいですか？

reactjswebpackbabel
16
Dominik Domanski

この問題は、古いものを使用しているために発生しています

`"babel-plugin-transform-object-rest-spread"`

package.jsonでこれを更新します

`"@babel/plugin-proposal-object-rest-spread": "^7.0.0",`

そして、私の場合は.babelrc.jsファイルを次のように更新します

const isTest = String(process.env.NODE_ENV) === 'test'
module.exports = {
  presets: [["@babel/env", { modules: isTest ? 'commonjs' : false }, "@babel/react"]],
  plugins: [
    'syntax-dynamic-import',
    'transform-class-properties',
    '@babel/plugin-proposal-object-rest-spread',
  ],
}

これは私の問題を解決します

7
Hánzlá Hábib

これが私にとって問題を解決した最終設定です。

。babelrc

{
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ],
  "plugins": [
    "@babel/plugin-proposal-object-rest-spread"
  ]
}

よりよく理解するために、ここに私のpackage.jsonのdevDependenciesを示します。

"devDependencies": {
    "@babel/core": "^7.1.6",
    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
    "@babel/plugin-transform-object-assign": "^7.0.0",
    "@babel/plugin-transform-react-jsx": "^7.1.6",
    "@babel/preset-env": "^7.1.6",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "8.0.4",
    "prop-types": "15.6.2",
    "react": "^16.6.3",
    "react-dom": "^16.6.3",
    "style-loader": "^0.23.1",
    "utils": "^0.3.1",
    "webpack": "4.26.1",
    "webpack-cli": "3.1.2",
    "webpack-dev-server": "^3.1.10"
  }

ここに私のwebpack.config.jsモジュールのセクションがあります：

module: {
        rules: [
            {
                test: /\.(js|jsx)$/ ,
                exclude: /node_modules/,
                loaders: "babel-loader"
            }
        ]
    }
22
Emanuele Colonnelli

前に私の.babelrc

プラグインを使用していました：["transform-object-rest-spread", { "useBuiltIns": true }],

それから"@babel/plugin-proposal-object-rest-spread"に切り替えると、これらの警告はすべて消えました。 `

8
Maddocks

同様の問題は 解決済み

7
Juddy js

私の場合、私はWebpack構成を実装していませんでしたが、まだエラーがありました。非常に多くのソリューションの実装後、エラーは同じか、エラーが削除されると別のエラーが表示されました。最後に、.bablerc、.babelrcおよびpackage-lock.jsonファイルを削除し、rm -rf node_modules && npm installを実行してからreact-native run-Androidを実行しました。 :-)

5
Udit