【taro react】---- 编译H5运行后报错：Uncaught ReferenceError: $RefreshSig$ is not defined

已于 2022-08-17 16:00:32 修改
阅读量1.5k 收藏
点赞数
分类专栏： React Taro React 入门到实战系列 文章标签： react.js javascript 前端
于 2022-05-26 14:38:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38082783/article/details/124984203
版权
在使用Taro React进行H5编译时遇到Uncaught ReferenceError: $RefreshSig$ is not defined的错误，通过更新browserslist数据库和执行yarn dev:h5可以解决问题。
摘要由CSDN通过智能技术生成

1. 报错

在这里插入图片描述

2. 解决办法

npx browserslist@latest --update-db

在这里插入图片描述
在这里插入图片描述

3. 解决报错

yarn dev:h5 正常启动，不再报错！

在这里插入图片描述

附：返回总目录的传送门如下
->返回总目录<-

Rattenking
关注
专栏目录
订阅专栏
【taro react】---- 编译微信小程序后报错：Error: Minified React error #321；
止于至善
05-25 2415
1. 错误图片 2. 报错场景 taro 3.2.12 react 编译成微信小程序，微信开发者工具打开编译后的项目报错！ 3. 解决办法 删除 node_modules 文件夹 重新安装，执行 yarn 4. 结果 解决报错！ WXRUI体验二维码 下载 我的博客，欢迎交流！ 我的CSDN博客，欢迎交流！ 微信小程序专栏 前端笔记专栏 微信小程序实现部分高德地图功能的DEMO下载 微信小程序实现MUI的部分效果的DEMO下载 微信小程序实现MUI的GIT项目地址 微信小程序实例列表
react-native-editable-table:在React Native中具有垂直滚动的可编辑表组件
05-15
React本地可编辑列表 在React Native中具有垂直滚动的可编辑表组件 安装 npm install react-native-editable-list --save 用法 import EditableTable from 'react-native-editable-table' ; class editabletable ...
[taro react] 【run dev:h5】 报错 Uncaught ReferenceError: $RefreshSig$ is not defined
懒鬼不能懒的博客
10-25 1109
taro 3.5.7 run dev:h5报错问题解决
Taro项目yarn dev:h5 报错 `$RefreshSig$ is not defined`
weixin_42822984的博客
11-04 1116
taro + react + ts + less 的项目 以h5运行（yarn dev:weapp是没问题）当你得到上面的错误，或者如果你不想启用快速刷新，你可以通过配置 Babel 和 Webpack 来禁用它。最恨的就是那种不能解决的文章，他还一模一样的发很多个平台，CSDN是他、腾讯社区是他、掘金还是他。最后，眼尖在百度搜索结果中看到了官方对于这个报错的解决方案。网上找了2个小时，都没有能解决的。
【taro】taro编译h5报React Refresh runtime should not be included in the production bundle
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
04-28 1255
当前设备:taro3.4.4 问题原因 React Refresh runtime should not be included in the production bundle 意思是:React刷新运行时不应包含在生产捆绑包中 解决流程 办法一: 1.强制设置为运行环境为development 2.在package.json里设置 "scripts": { xxx "dev:h5": "set NODE_ENV=development&&npm run build:h5
taro打包H5时报错 Error: js/app.js from Terser pluginUnexpected token punc 《:》,expected punc 《,》
最新发布
weixin_41792662的博客
09-16 1155
1.Error: js/app.js from Terser pluginUnexpected token punc 《:》,expected punc 《,》 错误信息显示"token punc «:», expected punc «,»"，意思是在某个位置上出现了一个冒号（:）符号，但是期望的是一个逗号（,）符号。 2.Uncaught ReferenceError: process is not defined
Taro框架编译H5后的访问地址无法连接
AsBefore麦小兜
02-28 1666
解决跨域问题 h5 发请求会报跨域问题，需要使用代理转换请求。 编辑根目录下的 config/index.js 文件 h5: { devServer: { host: 'localhost', port: 10086, proxy: { '/api/v1': { targe...
react-native-amap3d：react-native高德地图组件，使用最新的3D SDK，支持Android + iOS
02-05
react-native-amap3d react-native高德地图组件，使用最新的3D SDK，支持Android + iOS，受启发，提供功能丰富且易用的接口。 相关项目推荐： 关联文档： : 功能 地图模式切换（常规，卫星，导航，夜间） 3D建筑...
react-popover：一个用于React的智能popover组件
02-26
React弹出 React版本支持 react-popover >= 0.5.0支持React 16，而react-popover < 0.5.0适用于React 15.xx ，可能更低。 目前尚无计划使用向后移植的修补程序来支持该库的较早版本，并且不欢迎为此目的使用PR...
【h5引入组件、运行浏览器图标报错】
weixin_45736311的博客
05-12 232
引入组件页面A1 <A1> import A1 from './components/A1.vue' components: { A1 } 使用webstorm软件运行H5项目时 点击浏览器图标时报错 解决方法： 解决方法：第一，找到这个浏览器所在的位置，右击查看属性 复制所在路径，复制该位置到下面 如图所示： 选中历览器 邮寄查看属性并复制文件地址 将复制的路径粘贴到对应的位置，然后🆗就没啥事了 ...
报错：Uncaught ReferenceError: $ is not defined 的解决方法
热门推荐
weixin_45866961的博客
06-14 1万+
报错：Uncaught ReferenceError: $ is not defined 的几个原因 1.没有导入jQuery的jar包 2.jQuery的jar包放进了WEB-INF里，jQuery的jar包最好放在WebContent下，跟WEB-INF同级 3.导入jQuery的路径名没有写对 4.jQuery没有包含js 上面是引入顺序，我的错误是我的jQuery文件里面没有包含js库代码，所以导致报错，下面是jQuery- v1.10.1.js库...
android开发小项目实例_Taro 微信小程序开发项目搭建及开发技巧
weixin_39581945的博客
11-25 481
前段时间一直在用 Taro 开发小程序，中间遇到很多坑，也用了很多办法去填 。这里记录下我的 Taro 使用心得，分享给有需要的人。今天这篇文章主要是介绍我整个项目的框架搭建，Taro + React hooks + TS + less 以及开发的一些技巧。01Taro 是什么官方介绍：Taro 是京东开发的一个跨端框架，支持使用 React/Vue等框架开发微信/京东/百度/支付宝...
taro 创建项目后不能正常运行的解决办法
m0_74433188的博客
03-22 964
如果是部分已有项目需要升级到 Taro 3，可以在这些项目本地安装相应版本的 Taro CLI，这样通过 yarn 或者 npm 执行命令的话就会直接使用本地安装的 Taro CLI，安装方式 yarn add @tarojs/cli。如果你所使用的 Taro CLI 版本为 3.0.9，而项目里使用的依赖版本为 3.0.10，则有可能会出现问题，这时请将你的 Taro CLI 版本更新至项目依赖版本号相同的版本，如果还是出现问题，请向我们提出。如果是需要新创建 Taro 3 项目，可以使用。
H5 搭建控制台错误
VayneGG的博客
10-13 645
H5 遇到的错误解决 搭建控制台错误   ERROR in ./src/common/global.js Module not found: Error: Can't resolve 'es6-promise-promise' in 'E:\project\H5\H5  you and\h5\site\src\common'  @ ./src/common/global.js 1:
react项目安装依赖出现错误
weixin_43688854的博客
05-23 1504
git新项目缺少node_moudles:运行下面的命令安装依赖 npm install 若出现类似的错误： 方法一：强制安装 npm install -force 方法二： npm i --legacy-peer-deps 方法三：有可能是npm版本过高，需要降低版本 npm install npm@6.14.10 -g 删除 node_modules文件夹后重新npm install ...
taro兼容h5之坑--taroUiVue3组件在h5中不显示
hanchengmei的博客
05-04 1927
项目：taro3+vue3+taroUiVue3 问题描述 taroUiVue3组件在浏览器中不显示，如下： 解决方法 可以按照node_modules/taro-ui-vue3/README.md的步骤 1、config文件夹中添加h5-building-script.js const path = require('path') const fs = require('fs') const distH5Vue3IndexPath = path.resolve(__dirname, '../node_
解决问题：Taro监听h5本地页面无报错但无法显示的错误
weixin_43870127的博客
10-24 1095
可以看到完全没有什么错误，然而把http://0.0.0.0:10091复制粘贴到网页上却无法显示 参考过这篇博客： 尝试过关闭windows防火墙，失败 后来不用 改用windows + R输入cmd之后得到的终端，重新操作之后发现这个上面显示监听文件在’http://127.0.0.1.10091’而不是’http://0.0.0.0:10091’ 解决方案 改掉网址就可以成功访问啦 ...
Taro组件没写错就是不显示，解决方法
caarrrrite的博客
01-16 1520
这个问题困扰了我一天，区别就在于一个地方 这句话里 export default class course extends Component { 不能用Taro.Component 要不然样式就不会显示 最后引用是这样写的
react &amp； taro 报错 _createSelectorQuery is not defined解决办法
QingHan_wow的博客
10-20 2044
在项目的node_modules文件下找到 taro-ui 3.0.0 的 package.json，在里面增加一个入口： "main:h5": "dist/index.esm.js" 让 taro 把 index.esm.js 作为 taro-ui 的入口即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Rattenking

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值