跟踪:节点类型 SpreadProperty 已在 Object.isSpreadProperty 处重命名为 SpreadElement [英] Trace: The node type SpreadProperty has been renamed to SpreadElement at Object.isSpreadProperty

问题描述

我正在启动一个 React 应用程序，这是我的 Webpack 配置:

I'm launching a react app, and here's my Webpack configuration:

'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 文件，这里是依赖项:

Then, I have a package.json file, here are the dependencies:

"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 配置，等等.

I have tried plenty of ways of updating babel packages up to 7th version, changing babelrc config, what ever.

该项目虽然编译，但在编译开始时我收到以下消息:

The project though compiles, but in the beginning of compilation I get the following message:

跟踪:节点类型SpreadProperty已重命名为SpreadElement在 Object.isSpreadProperty

Trace: The node type SpreadProperty has been renamed to SpreadElement at Object.isSpreadProperty

大约有一百行这样的.打印出所有行后，编译过程继续并成功完成.

And about of hundred rows like that. After all that rows being printed out, the compilation process proceeds and is completed successfully.

那是什么，我怎样才能摆脱这些行?

What's that and how can I get rid of this rows?

推荐答案

这里是为我解决问题的最终设置.

here is the final setting that solved problem for me.

.babelrc

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

为了更好地理解，这是我的 package.json 的 devDependencies:

For a better understanding, here is my package.json's 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 模块部分:

Here is my webpack.config.js module's section:

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

这篇关于跟踪:节点类型 SpreadProperty 已在 Object.isSpreadProperty 处重命名为 SpreadElement的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！