华为浏览器打不开react怎么办

华为浏览器打不开react的解决办法:首先安装babel-polyfill;然后在挂载react的地方引入babel-polyfill或者使用配置项,按需加载polyfill即可。

华为浏览器打不开react怎么办

本教程操作环境:windows7系统、react17.0.1版本、Dell G3电脑。

华为浏览器打不开react页面怎么办?

使用react写的页面,在其他浏览器都能正常显示,唯独在华为 荣耀手机的自带浏览器中显示空白。

解决方法如下:

1、安装babel-polyfill

npm install --save babel-polyfill

登录后复制

2、在挂载react的地方,在引入react之前,引入babel-polyfill

import 'babel-polyfill';import React from 'react'import ReactDOM from 'react-dom'ReactDOM.render(  ,  document.getElementById('app'))

登录后复制

如果上述方法 不行,是不是babel太高了?

在babel 7版本以后,已经被废弃

使用配置项,按需加载polyfill

在. babelrc加以下配置:

{    "presets": [        [            "@babel/preset-env",            {                "useBuiltIns": "entry",                 "corejs": 3            }        ]    ]}

登录后复制

相关推荐:《react视频教程》

以上就是华为浏览器打不开react怎么办的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2718076.html

(0)
上一篇 2025年3月7日 22:11:48
下一篇 2025年3月7日 13:46:09

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue和react本质的区别是什么

    vue和react本质的区别是模板和组件化的区别;Vue本质是MVVM框架,由MVC发展而来,而React是前端组件化框架,由后端组件化发展而来。 本文操作环境:windows7系统、react17.0.1&&vue2.0版…

    2025年3月7日
    200
  • react有哪几种传递参数的方式

    React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,…

    2025年3月7日
    200
  • vue和react中dom的区别

    vue和react中dom的区别:1、vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树;2、对于React而言,每当应用的状态被改变时,全部组件都会重新渲染。 本文操作环境:windows7系统、react17.0.1&&…

    2025年3月7日
    200
  • react里面怎么写css

    react里面写css的方法:1、通过className在style中给该class名的DOM元素添加样式;2、直接给对应的DOM元素添加style属性;3、通过定义全局变量的方法来定义一个css样式。 本文操作环境:windows7系统、…

    2025年3月7日
    200
  • 你可能没注意的一些react细节知识点!(总结)

    react中这些细节你注意过没有?下面本篇文章给大家总结了一些你可能没注意的react细节知识点。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 【相关教程推荐:React视频教程】 react中的一些细节知识点: 1、组…

    2025年3月7日
    200
  • react组件拆分的重要性

    前言: React 是一个用于构建用户界面的 JAVASCRIPT 库。主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。 react采用虚拟DOM技术减少Javascript与真正DOM的交互,提升了前端性能;采用单…

    2025年3月7日 编程技术
    200
  • 深入浅析React组件间通信的10种方法

    【相关教程推荐:React视频教程】 这两天被临时抽调到别的项目组去做一个小项目的迭代。这个项目前端是用React,只是个小型项目所以并没有使用Redux等状态管理的库。刚好遇到了一个小问题:两个不太相关的组件到底该怎么进行通信。我觉得这个…

    2025年3月7日
    200
  • 如何在react页面中引入本地图片

    在react中引入本地图片的两种方式。 方式一、非背景图片引入方式 (1)-直接在img标签内部src中使用 登录后复制 (2)import导入 import imgSrc from ‘图片路径’ 登录后复制 方式二、图片作为背景引入 (1…

    2025年3月7日
    200
  • react是什么框架

    react是Facebook推出的一个用来构建用户界面的JavaScript开发框架,使创建交互式UI变得轻而易举;react组件逻辑使用JavaScript编写而非模版,因此用户可以轻松地在应用中传递数据,并使得状态与DOM分离。 本教程…

    2025年3月7日
    200
  • react native和react的区别是什么

    区别:1、React是驱动html dom渲染; React Native是驱动android/ios原生组件渲染。2、写react可以用前端知识直接上手,而react native虽然也可以,但是深入下去没有native知识支持很难。 本…

    2025年3月7日
    200

发表回复

登录后才能评论