React（四）create-react-app IE打开以及打包部署后页面空白问题

最新推荐文章于 2023-08-23 11:44:32 发布
最新推荐文章于 2023-08-23 11:44:32 发布
阅读量1.5k 收藏 1
点赞数 1
分类专栏： React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhengjie0722/article/details/89215335
版权

 （1）本地测试

  本地测试环境解决IE页面空白问题需要安装 babel-polyfill

yarn add babel-polyfill
npm install babel-polyfill

 然后再主入口文件index.js中引入babel-polyfill包

import 'babel-polyfill'

 （2）服务器部署

  在package.json文件中添加

"homepage": "./"

 

半个GIS半个前端
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react部署之页面空白
weixin_30889885的博客
02-22 1174
react部署之页面空白 问题：create-react-app build打包后，页面出现空白。 可能一： 控制台报错，js等文件找不到（404） 文件路径问题，只需修改package.json文件，添加 "homepage":".", 位置： 可能二： 如果添加后没有报错，但还是页面空白。可尝试将文件部署在服务器根目录上，如果根目录可以打开，即可能是服...
create-react-redux-app：基于create-react-app的React样板
02-05
创建React Redux应用 该项目是通过。 该项目包括额外的redux软件包和改进的文件结构。...git clone git@github.com:YUzhva/create-react-redux-app.git NEW_PROJECT_NAME # with HTTPS git clone https://g
react build后页面空白，报错
记录本身，即已是反抗
09-30 1621
主要有以下几种可能： 1、在打包之前,在package.json中private下(位置任意)添加"homepage": “./” 2、如果使用了路由，将项目中的引用路由时候的BrowserRouter改为HashRouter 然后再打包一下应该就完事了，这样还不行，你滴我 ...
React项目build之后资源文件路径不正确或打开空白页的问题及简易解决方法
大IT职男日志
09-09 3093
找到node_modules -> react-scripts -> config -> paths.js 修改 function getServedPath(appPackageJson) { const publicUrl = getPublicUrl(appPackageJson); const servedUrl = envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : '/');//改成'....
解决create-react-app创建的项目在IE浏览器空白兼容性问题（支持IE11、IE10、IE9）
jsyxiaoba的博客
11-14 3072
通过create-react-app创建的项目在IE浏览器空白一片，今天来说说解决方案，支持ie9–ie11。 支持IE11的操作 1.检查node_module里面有没有 ‘react-app-polyfill’ 模块，如果没有，通过命令 npm install react-app-polyfill --save 安装。 2.如果有此模块，接下来需要进行修改配置文件 package.json "...
react部署之后到码云打开空白
酒馆不打烊
03-01 271
1、修改package.json文件，添加 "homepage":"." 2、路由要使用HashRouter而不是BrowserRouter import React from 'react'; import { Provider } from 'react-redux'; import { HashRouter as Router, Route } from 'react-router-dom...
create-react-kotlin-app：使用没有构建配置的Kotlin创建React应用
02-03
npx create-react-kotlin-app my-app （ 自带NPM 5.2+及更高版本。参见较旧版本的NPM）。 运行项目： cd my-app/ npm start 然后打开以查看您的应用。 准备部署到生产环境时，请使用npm run build创建一个缩小的...
create-react-app-esbuild:在您的create-react-app中使用esbuild进行更快的编译，开发和测试
05-13
:rocket: create-react-app-esbuild :rocket: 在您的使用可以更快地进行编译，开发和测试。特征在开发过程中用esbuild替换babel-loader 用esbuild替换babel-loader以加快构建时间用esbuild替换terser，以加快构建...
create-react-app安装出错问题解决方法
01-19
create-react-app慢的解决方法 在操作官方实例Create React App时,需要执行指令： create-react-app my-app 来创建一个新的React应用。由于某原因,在拉取各种资源时,往往会巨慢,一直卡在 fetchMetadata: sill ...
create-react-app修改为多页面支持的方法
12-03
完成上述步骤后，你可以通过`yarn start`启动开发服务器，或使用`yarn build`执行生产构建，此时你的create-react-app项目就已经支持多页面应用了。这种方法避免了创建新的工作流或者采用SSR（服务器端渲染）的复杂...
React项目build打包后，页面空白的解决方案
最新发布
苍老师背后的男人
08-23 1981
页面虽然可以正常访问，但如果在地址栏 直接输入URL 回车，就会变成404页面的。这种情况没关系，当你最后把项目 部署到正式服务器上时，在nginx中配置以下代码即可。重新 build 之后，启用本地服务 打开 index.html 文件（本文中用 Live Server 插件启用本地服务，你也可以用其它的），如下图所示。React项目执行 build 命令后，在本地服务器打开页面。下的 package.json 文件，添加如下代码。打开后，页面可正常访问，如下图所示。
解决create-react-app在ie中打开页面空白的兼容性问题
qq_39471200的博客
06-17 7020
最近使用react官方脚手架create-react-app建立项目的时候发现在ie浏览器打开时显示空白，在主流的chrome、fireFox等浏览器显示是正常的。 打开控制台显示如下 既然提示了语法错误，那么猜想应该是兼容性的问题，看了下浏览器的版本号是ie11。首先我翻了下create-react-app的文档，从中看到了正好有对ie9、ie10、ie11的兼容性问题解决的一个方案。这时需要...
React项目npm run build打包上线后，页面出现空白的原因
热门推荐
逍遥-小子的博客
09-02 1万+
1.在你还没打包之前找到package.json这个文件，添加一行"homepage":"./"就可以了。
Create-react-app创建的项目打包后页面空白的解决方法
X北辰北的博客
11-06 2182
问题描述： 当我们使用create-react-app脚手架创建一个react项目之后，等到项目开发完成想要打包部署时会发现，通过npm run build命令打包后的项目在浏览器端访问时会出现页面空白的情况。 解决方法： 此类问题一般有两种解决方法，其中第一种也是最常见的，当我们打开浏览器控制台时会发现，当首页空白时浏览器控制台会报一大堆的404资源请求错误，这种情况下很好解决，我们只需要在项目根目录下的package.json中添加一行配置即可，如下： "homepage": "./",
react-router打包后无法通过路由进入到页面
weixin_30542079的博客
06-06 1982
react-router打包后无法通过路由进入到页面，是因为当我们使用react-router-dom里的BrowserRouter as Router时，是用浏览器history对象的方法去请求服务器， 如果服务器没有相对于的路由去指向对应的页面路由会找不到资源。 BrowserRouter会变成类似这样的路径 http://111.230.139.105:3001/detail/9459...
react项目打包后路径找不到，项目打开后页面空白的问题
weixin_33692284的博客
03-16 2299
使用npm install -g create-react-app快速生成项目脚手架打包后出现资源找不到的路径问题： 解决办法：在package.json设置homepage 转载于:https://www.cnblogs.com/lan-cheng/p/10541606.html...
react打包放在服务器上出现空白页(即文件路径不对问题)
przlovecsdn的博客
08-16 4843
解决方式： https://stackoverflow.com/questions/38565538/create-react-app-css-and-js-path/ 在package.json中添加--- "homepage" :".", 或是直接添加文件路径，例如："homepage":"http://example.com/react" { "name": "react-.
react打包部署到tomcat后，首次加载时首页空白
X北辰北的博客
01-04 2227
问题描述：         当把react项目打包部署到tomcat的时候，在浏览器访问时发现之前设置为主页的路由模块并没有加载，需要我们点击这个模块后才可以加载，而且点击浏览器的刷新按钮时，直接报错。   解决方法： 将路由的引用改为“HashRouter as Router”就可以，如图：   参考地址： https://blog.csdn.net/bbsyi/article...
react发布build页面空白解决
sawadikaer的博客
11-29 1176
这是一章我自己防止我忘记如何发布所写的一篇文章，网上类似的很多但是总有一些特殊情况， npm run build 以后会出现一个文件夹build,但是在之前我们要现在package.json文件中加上"homepage":"./" 斜杠取决于你们，网上有人加有人不加，（ps:本人是一个刚入职的前端小萌新，有什么错的地方请帮忙改正，谢谢） 我加上以后发现并不能解决这个问题，然后又在网上寻找，最后找到...
"React入门与create-react-app使用指南
本文将从React的入门开始，介绍create-react-app的使用方法，掌握组件的使用、JSX语法、setState的用法，理解事件处理和组件生命周期，以及掌握组件间通信的各种方式。 首先，入门React可以通过使用create-react-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值