小编Osc*_*car的帖子

所以我为我的 React 应用程序设置了一个最小配置，我[HMR] Waiting for update signal from WDS...在控制台中看到了这条消息，我的浏览器页面没有反映任何变化

根据这个解决方案，我试图添加@babel/preset-env，但没有成功。而且我不认为这是问题的根源，因为即使我更改了index.js文件，浏览器中也不会应用任何更改

我的webpack.config.js：

const { HotModuleReplacementPlugin } = require('webpack');

module.exports = {
  mode: 'development',
  devServer: {
    watchContentBase: true,
    publicPath: '/dist/',
    hot: true
  },
  plugins: [new HotModuleReplacementPlugin()],
  module: {
    rules: [{ test: /\.(js|jsx)$/, exclude: /node_modules/, loader: 'babel-loader' }]
  },
  resolve: {
    extensions: ['.js', '.jsx']
  }
};

src/index.js：

import React from 'react';
import { render as r } from 'react-dom';
import App from …

我已经使用 webpack 和 HMR 设置了 SSR 环境。有一个静态呈现的标记，该服务器传递给客户端和一个client.js带有ReactDOM.hydrate()方法的包。如果我更改我的源代码，HMR 工作正常，但在控制台中发出警告，说客户端代码和静态标记之间存在不匹配。

我正在使用带有webpack-dev-middleware和的快速服务器webpack-hot-middleware

我的 webpack 配置如下所示：

module.exports = {
  mode: 'development',
  entry: ['webpack-hot-middleware/client', './src/client.js'],
  devServer: {
    hot: true,
    publicPath: '/'
  },
  plugins: [new HotModuleReplacementPlugin()],
  module: {
    rules: [{ test: /\.(js|jsx)$/, exclude: /node_modules/, loader: 'babel-loader' }]
  },
  resolve: {
    extensions: ['.js', '.jsx']
  },
  output: {
    filename: 'client.js',
    path: path.resolve(__dirname)
  }
};

我想知道是否有任何方法可以解决这个问题，因为我无法想出如何使我的标记与我所做的更改相匹配的任何想法，或者我应该抑制这些警告？

你能给我一些关于如何将Doulgas Crockford导入这个JSON lib到我的IntelliJ IDEA的提示吗？提前致谢.:)

我试图将一个按钮嵌套到另一个按钮中（IconButton里面ListItem有button道具）。问题是，ListItem即使我点击IconButton. 我希望它仅在我直接单击ListItem元素时触发

我尝试了 的绝对定位IconButton，但没有帮助

看例子