当前位置: 首页 > 面试题库 >

无法设置HMR:卡在控制台中的“正在等待来自WDS的更新信号…”

万高畅
2023-03-14
问题内容

因此,我为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 './App';

r(<App />, document.querySelector('#root'));

src/App.jsx

import React from 'react';

export default function App() {
  return (
    <div>
      <h1>Hello from React Version: {React.version}</h1>
    </div>
  );
}

和我的.babelrcconf:

{
  "presets": ["@babel/preset-env", "@babel/preset-react"]
}

问题答案:

好的,显然这是导致问题的原因。我加了

disableHostCheck: true

到我的webpack devServer配置,并且可以正常工作(请注意,这只是一种解决方法)。

而且我不知道为什么Windows10中没有错误消息(从win7启动我的应用程序后,控制台发送了垃圾邮件Invalid Host/Originheader



 类似资料:
  • 我正在学习使用MarkLogic,浏览教程等。我收到一条我不明白的错误消息。当我在查询控制台中需要创建一个新选项卡时,我单击现有选项卡行右端的加号,我收到以下错误消息而不是新选项卡: 这最近奏效了,但现在不行了。

  • 我正在尝试在我的应用程序中设置Firebase云消息。我在Firebase控制台中创建了该项目(我创建了一个新项目,没有导入以前创建的gcm项目)。我能够成功地设置项目,并在应用程序中运行它,并从firebase控制台的“通知”选项卡接收示例通知。 当试图通过APIhttps://fcm.googleapis.com/fcm/send发送数据消息时,我得到了未经授权的(401)响应。原来我使用了g

  • 我运行了一些Selenium脚本,然后尝试使用另一个配置文件运行它,这是我的常规配置文件之一,位于general Chrome用户数据文件夹中(例如),此后我明白这不是一个好的做法,现在我使用Selenium默认配置文件,它为每次新运行从头创建。 但从那一刻起,我的常规浏览器(无论哪个配置文件)头上的“Chrome正在被自动化软件控制”的信息卡住了,我不知道该如何去除它。 我试着看看是否有一些扩展

  • 我最近不得不迁移我的应用程序,复制并粘贴了一大堆代码。现在,当我构建项目时,我会在控制台中获得通常的firebase输出,但这次它是重复的。有谁知道可能导致这种情况的原因。代码太多,我无法完成

  • 控制台-部门-更新 接口URL {youke-url}/console/Index.php?c=department&a=update&timestamp=1607677497&access_key=abc&sign=592a0eeb89cc304a108d54a834a6a45ccb59d9b2 请求方式 POST Content-Type form-data 请求Query参数 参数 示例值

  • 控制台-观众-更新 接口URL {youke-url}/console/Index.php?c=audience&a=update&timestamp=1607677497&access_key=abc&sign=4a875d2ef2a194d11a6c31f4a4568d791e3ae067 请求方式 POST Content-Type form-data 请求Query参数 参数 示例值 是否