更新时自动重新加载反应服务器

2023-11-30

我是反应新手。我在使用反应服务器时遇到一些问题。启动服务器后npm start如果我处理源代码并进行一些更改,我必须停止服务器并重新启动它以使该更改在浏览器上可用。有没有办法让它自动编译并在更新时刷新浏览器? (喜欢nodemon对于节点?)


我有一个类似的(或相同的)问题,我改变了启动命令package.json通过添加以下标志来文件:--watch --watch-poll to the webpack-dev-server:

{
    //...
    "scripts": {
        "start": "webpack-dev-server --env.ENVIRONMENT=development --content-base src/ --mode development --watch --watch-poll",
        // ...
    }
    // ...
}

现在,使用npm start然后更改 src 文件我可以在浏览器中看到更改。

请在这里https://webpack.js.org/configuration/watch/以获得更多选择。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

更新时自动重新加载反应服务器 的相关文章

  • 与 webpack 捆绑时如何为每个 .scss 文件提供变量.scss?

    这是我当前的项目目录结构 因为我想不出更好的方法来组织每个组件都有自己的用例 scss文件 但是 整个应用程序都提供主题 其中包括全局variables scss文件 目前 我正在导入variables scss文件位于每个组件的顶部 sc
  • React-Native 中的导航抽屉

    我是反应原生的新手 不介意我问一个基本问题 我想知道 实现抽屉式导航的分步过程是什么 推荐链接这个链接 https github com react native community react native side menu usage
  • ant design select占位符问题

    我在我的 React 应用程序中使用 antd design 这是我遇到问题的代码片段
  • 无法从“/app”找到模块“@babel/plugin-proposal-decorators”

    我的应用程序在本地主机上完美运行和构建 但是当它在 Heroku 上构建时 我收到以下错误 src index js Error Cannot find module babel plugin proposal decorators fro
  • 在 React 应用程序中使用 API 密钥

    我有一个使用两个第三方服务的 React 应用程序 该应用程序已开始使用react create app 这两项服务都需要 API 密钥 通过脚本标签提供一个密钥 如下所示 另一个 API 密钥在请求中使用 我将实际密钥存储在常量中并使用它
  • 如何在要测试的 React 组件内模拟自定义钩子?

    如果您有一个调用获取数据的自定义挂钩的 React 组件 那么在测试 React 组件时模拟内部自定义挂钩结果的最佳方法是什么 我看到两种主要方法 1 Jest mock 自定义钩子 这似乎是最推荐的方法 但它似乎要求测试对内部实现细节以及
  • 将 async 和await 与export const 一起使用

    我无法完成这项工作 它说 await 是一个保留字 是的 当然是 而且我想使用它 怎么了 export const loginWithToken async gt return dispatch gt dispatch type SESSI
  • 使用react redux获取删除请求方法不删除

    我正在尝试使用 fetch 删除请求方法来使用 React redux 删除本地主机服务器中的项目 调用方法 deleteItem e e preventDefault const id this props id this props d
  • 如何在反应组件中使用聚合物组件?是否可以?

    我已经使用谷歌的聚合物来制作网络组件 但我也很有兴趣尝试一下 React 所以我想知道是否可以从反应组件的渲染函数内部使用聚合物组件 对的 这是可能的 我使用的方法有点复杂 但我很乐意分享 如果您已经使用过聚合物 则只需像使用任何其他聚合物
  • Ant design Tabs onClick 函数

    我使用 Ant 设计创建了选项卡 在第二个选项卡中 当我单击我想要触发的按钮或更改为第一个选项卡时 有一个按钮 这是我的代码
  • 如何在React中动态分配属性?

    这是一个有两个参数的函数 我要创建的标签的名称 具有以下属性的对象 Using React 我创建一个组件并将该元素渲染到 DOM 问题是我想向元素添加属性 但它不允许循环在元素内设置属性 var Element function elem
  • 在反应中访问回调内的 event.target

    我有以下课程片段 constructor props super props this timeout null search e gt clearTimeout this timeout this timeout setTimeout f
  • Jest/Enzyme SVG Sprites 意外令牌 <

    我在使用 SVG 精灵在组件上使用 Jest 和 Enzyme 创建快照测试时遇到问题 我正在使用 svg sprite loader 包 https github com kisenka svg sprite loader https g
  • 找不到 -lDoubleConversion 的库

    我尝试在 XCode 上构建 但是ld library not found for lDoubleConversion发生错误 我可以建造react native run ios 这可行 但 XCode 无法构建 ld 警告 找不到选项 L
  • Flask 和 Reactjs 抛出 JSX 转换错误

    我已经开始将 ReactJS 与 Python Flask 后端结合使用 通过 Flask 渲染模板时 我在 Chrome 控制台中收到以下客户端错误 错误 找不到模块 jstransform visitors es6 templates
  • 如何使用 API 中的数据填充选择的下拉元素 - ReactJS

    我对 React 还很陌生 我正在从 API 获取数据 当我检查控制台日志时可以看到数据 但是我不知道如何使用 map 创建一个新数组 然后选项元素可以使用该数组来显示货币代码 目前它填充下拉列表 但选项元素全部为空 结果显示为 NaN 下
  • 点击事件触发时如何获取amcharts中的气泡值

    从这里找到图像 https i stack imgur com HxH0c png import React Component from react import as am4core from amcharts amcharts4 co
  • React-Redux:操作必须是普通对象。使用自定义中间件进行异步操作

    未处理的拒绝 错误 操作必须是普通对象 使用自定义中间件进行异步操作 我想为每个帖子添加评论 因此 当运行获取帖子时 我想为所有帖子调用获取评论 API export function bindComments postId return
  • 使用 Webpack 代理创建 React 应用程序中的 WebSockets

    我使用版本 3 1 2 2019 年 9 月 19 日 中的 Create React App 创建了我的 React 应用程序 我试图为 Web Socket 请求配置代理 但似乎当我使用代理时 未建立连接 我用过THIS https g
  • 单击react.js 切换列表的背景颜色

    我正在尝试创建一个具有以下功能的列表 悬停时更改列表项的背景颜色 单击时更改列表项的背景颜色 在单击的元素之间切换背景颜色 即列表中只有一个元素可以具有 clicked 属性 我已经执行了 onhover 1 和 2 功能 但无法实现第三个

随机推荐

  • 延迟一些 jQuery 函数,直到所有图像完全加载

    如何延迟某些 jQuery JavaScript 函数 直到页面上的所有图像完成加载 实际上 我所说的 jQuery 函数是用于设置 div 的偏移位置 问题是图像完全加载后页面会调整大小 因此偏移量是错误的 对于 jQuery 函数 请参
  • 在android中解析CDATA

    我正在解析服务器上的 XML 我读取并解析它 没有任何错误 但我看不到数据 这是我的 XML
  • MKMapView 缩放和区域

    我熟悉使用 Google Maps Javascript API 最近我开始在 iphone 项目中使用 MapKit 框架 但我很难弄清楚缩放和在地图上设置区域 在 Google Maps API 中 我曾经使用整数缩放级别 如 8 9
  • 使用 poltergeist 和代理?

    我正在使用 PhantomJS 和 poltergeist 来模拟浏览器 但是我不确定如何指定在代码中使用的代理 require capybara require capybara dsl require capybara polterge
  • 如何在Windows 8.1中获取WPF窗口的标题栏颜色?

    要使用 WindowChrome 类自定义窗口的外观 我想获取 Windows 8 1 中 WPF 窗口的标题栏颜色 首先 我尝试过 SystemParameters WindowGlassColor 但这个属性却不包括正确的alpha值
  • Phonegap 对图像进行 base64 编码

    我正在尝试将图像编码为 Base64 并将其发送到服务器 当我检索图像时 它显示的所有内容都是空白 我用来编码它的代码是这样的 encodeImageUri function imageUri var c document createEl
  • Python搜索字符模式,如果存在则缩进

    我有一个文本模式 我想找到它并推到新行 模式是 后面跟着一个空格和一个字符 像这样 text orig text cat dog cat dog text rabbit cat dog text coffee cat dog need to
  • Java邮件如何根据条件自动发送电子邮件

    以前没用过Java邮件 在我的 JSF Web 应用程序中 我有一个实体 followUp 有财产private Date checkDate 对应于一个Animal实体 一个动物有很多后续记录 否则 用户必须每 3 个月创建一条新记录 f
  • 关闭 UIImagePickerController

    我尝试了各种关闭 UIImagePickerController 的方法 但没有任何运气 我究竟做错了什么 IBAction choosePhoto self picker UIImagePickerController alloc ini
  • 将元组列表转换为列表列表

    我编写了这个函数来将元组列表转换为列表列表 有没有更优雅 Pythonic 的方法来做到这一点 def get list of lists list of tuples list of lists for tuple in list of
  • 如何为 UITableViewCell 显示自定义 UIMenuItem?

    我希望当我长按 UITableViewCell 时弹出 UIMenuController 以显示自定义 UIMenuItems 我在 viewDidLoad 中设置了自定义项目 UIMenuItem testMenuItem UIMenuI
  • Python 线程——线程未启动

    我对线程模块很陌生 但我的问题是线程似乎没有启动 我尝试使用 currentThread 函数来查看它们是否是新线程启动 但我唯一看到的是主线程 另外 我看到的每个教程都使用类或子类 例如类 t threading Thread 那么我的方
  • Visual Studio 不支持源代码管理项目

    我试图在 VS 2010 中打开一个项目 但打开它时出现错误 任何人都可以告诉这个错误意味着什么吗 该项目处于源代码控制之下 此版本的 Visual Studio net 不支持源代码控制项目 任何更改 该项目不会传播到源代码 C User
  • “android.intent.category.DEFAULT”的目的是什么?

    使用目的是什么android intent category DEFAULT在意图过滤器的类别字段中 类别用于隐式意图 因此 如果您的 Activity 在没有为 Activity 分配其他特定类别时可以通过隐式 Intent 启动 则 A
  • 在mysql全文搜索中搜索特殊字符

    我正在做一个搜索功能php 我允许BOOLEAN搜索 但是当我输入包含类似字符的文本时 查询失败 例如 当我搜索 每个人 它会抛出错误 我试图通过添加双引号来解决这个问题 但它没有按预期工作 因为对于搜索 每个人 它可以工作 但返回包含的行
  • 使用 pdo 按名称求和行组

    请帮助我更正以下代码 tr td td tr
  • R Shiny 将图片添加到带有文本的流体行中的框[重复]

    这个问题在这里已经有答案了 我正在尝试添加一个框作为闪亮应用程序的一部分 以在应用程序顶部包含一些文本 说明 和图像 徽标 这是我到目前为止的代码 frow5 lt fluidRow box title Instructions statu
  • 无法更新本地控制的目录同步对象或当前正在进行迁移的对象的指定属性

    将成员添加到 Azure AD 中的组时出现问题 收到以下错误消息 无法更新本地掌握的指定属性 目录同步对象或当前正在进行迁移的对象 我正在尝试将 azure AD 的现有成员添加到现有组 但我收到的响应为 错误请求 对于某些调用 upda
  • 错误:“template class QList”的模板参数列表中参数 1 的类型/值不匹配

    我正在尝试使用 QList 并在编译时收到错误 这是我的代码 class Right public Right Right const Right other Right RightName name QDate validity date
  • 更新时自动重新加载反应服务器

    我是反应新手 我在使用反应服务器时遇到一些问题 启动服务器后npm start如果我处理源代码并进行一些更改 我必须停止服务器并重新启动它以使该更改在浏览器上可用 有没有办法让它自动编译并在更新时刷新浏览器 喜欢nodemon对于节点 我有