我正在启动react应用程序,以下是我的网页配置:

'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"
  } 

我try 了很多方法将babel软件包更新到第7版,更改babelrc配置,等等.

虽然项目可以编译,但在编译之初,我得到了以下信息:

跟踪: node 类型SpreadProperty已重命名为SpreadElement

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

那是什么?我怎样才能摆脱这一排?

推荐答案

这是为我解决问题的最后一个场景.

.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"
            }
        ]
    }

Reactjs相关问答推荐

无法在jest中发布行动

在Redux工具包查询中,是否可以将标记应用到API切片内的所有端点?

Reaction-路由v6动态路径RegExp

react -在选项中 Select 我想要显示和图像.但当我 Select 该选项时,我希望控件仅显示该选项的文本部分

获取更改后的状态值

如何使用.Aggregate从多个集合中获取数据,包括使用Mongoose+NextJS的SUM值

使用experial_useFormState将参数传递给服务器操作

当从子状态更改复制时,react 父状态更改.我该如何防止这种情况?

React router v5 仅在生产中不适用于嵌套路由

如何将 DocuSign 控制台界面嵌入到 React 应用中

如何在Next.js应用程序中为路由[slug]生成.html文件?

React Native应用如何订阅Supabase的实时数据?

如何使用 React 更改 Material UI 中 ButtonGroup 的 colored颜色 ?

作为单个变量的 React 组件是否比 memoized 组件渲染得更快?

更新 Next.js 路由查询更改的状态会导致无限循环

使用 React.UseEffect 从 api 获取但我的清理返回不起作用

从输入中获取数字时,react 计数器不会增加

多次响应获取发送请求

你如何使用 refs 访问 React 中映射子项的值?

如何在 NavBar 中设置动态标题