React build 后页面空白报错

最新推荐文章于 2023-10-13 16:40:10 发布

_webkit

最新推荐文章于 2023-10-13 16:40:10 发布

阅读量4.9k

点赞数

分类专栏： react 文章标签： react

本文链接：https://blog.csdn.net/qq_40464803/article/details/79973406

版权

react 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

如果想要直接双击index.html打开的话，需要对引用css,js的地址进行修改.

默认的为"/"

打开webpack.production.config.js

将publicPath改为如图:'./'

另外要注意package.json中是否设置了用webpack.production.config.js来打包

现在页面可以正常打开了，但是报了个警告

这个先记录着，回头再研究一下

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_webkit

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【React】打包部署到Gitpage流程，及空白页面问题

weixin_44500371的博客

08-31

723

【React】脚手架开发，打包部署到Gitpage的流程，及空白页面问题（router根路径问题）

react-native框架启动Android报错

一只小蚂蚁的自白

04-27

7432

D:\workspace-work-idea\pdnms-app-front>npx react-native run-android info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. Jetifier found 1444 file(s) to forward-jetify. Using 4 workers... info Starting JS

参与评论您还未登录，请先登录后发表或查看评论

react 打包出现空白页面报错

qq_43287934的博客

01-02

785

import { HashRouter as Router, Route } from 'react-router-dom' import createHistory from 'history/createHashHistory' const history = createHistory() <Router history={history}> <...

Create-react-app创建的项目打包后页面空白的解决方法

X北辰北的博客

11-06

2280

问题描述：当我们使用create-react-app脚手架创建一个react项目之后，等到项目开发完成想要打包部署时会发现，通过npm run build命令打包后的项目在浏览器端访问时会出现页面空白的情况。解决方法：此类问题一般有两种解决方法，其中第一种也是最常见的，当我们打开浏览器控制台时会发现，当首页空白时浏览器控制台会报一大堆的404资源请求错误，这种情况下很好解决，我们只需要在项目根目录下的package.json中添加一行配置即可，如下： "homepage": "./",

React打包后页面空白

gyjhgyt的博客

08-04

202

关于reactjs在windows环境中使用npm run build之后,打开网页显示为空白的解决方案

xzp_forever的博客

07-01

1万+

刚开始学react时候,跟着官网的操作:npx create-react-app my-app cd my-app npm start构建完这个初始的项目之后,发现项目是可以正常正常访问的!然后接着就是发布上线npx run build但是发现直接打开index.html界面是一片空白这个时候我们看build的过程中的信息> my-app@0.1.0 build D:\Program Fil...

vue打包静态资源后显示空白及static文件路径报错的解决

11-19

打包之后打开dist的页面显示空白：这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况 1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html...

vue3 vite打包后页面控制台报错Access to script at ‘file:///E:/vueProject/vue3-project/Vue3-big-event-admin/dist

WDY2018312901的博客

09-17

1676

vue3 vite打包后页面控制台报错Access to script at 'file:///E:/vueProject/vue3-project/Vue3-big-event-admin/dist

关于react 在打包后：“找不到资源路径”的问题、部署到服务器二级目录 “打开为空白” 的问题

热门推荐

Sophie_U的博客

04-20

1万+

一、打包后部署访问，报错404，找不到对应的main.js或main.css 参考stackoverflow上类似问题：初次直接通过 npm run build打包react webapp后将文件夹build（通常改名为对应项目名称）整个部署到服务器，浏览器通过www.xxx.com/build/访问时，报错如下： 1.1 原因分析： ...

记一次react部署的问题

有朝一日能上岸的博客

04-21

248

记一次react部署的问题react部署到tomcatreact部署到nginx403错误1403错误2空白页问题 react部署到tomcat 正常安装完tomcat后，将react项目打包好（npm run build）后，将dist文件夹以及html文件上传至webapps目录下即可。 react部署到nginx 部署到nginx其实相对而言要简单一点，上传到你想存放文件的位置后，再到nginx.conf中配置即可。期间可能会出现403的错误，这个也很好处理，我遇到了两种情况： 403错误1 首先你应

初始react项目打包空白问题

a1009698473的博客

10-13

127

例如：React 项目打包后index.html空白问题。

解决React网站打包上传到站点显示页面空白的问题

sakura的博客

09-02

937

这个链接接上一篇文章利用IIS本地测试站点的网站。https://blog.csdn.net/qq_40830369/article/details/120035399 然后今天要把这个文件上传到别的已经配置到域名的站点里面进行访问。本来以为只要把文件放在站点配置好的目录下然后配置到物理地址就行，结果是不行的。总是遇到空白页面的情况。打开控制台一看，报了一个这样的错误。 Failed to load resource: the server responded with a status of 404 (N

vue build 设置了 publicPath: “./“ 后页面空白

编程之路

06-02

1196

知识点记录

【已解决】React打包访问静态页面空白

云烟飘渺00博客

12-24

1780

一、问题描述使用WebStore新建的React项目，新建之后打包，我想访问页面，但是访问页面是空白如图所示什么都没有，结果查看前段F12查看到是因为页面JS没有加载导致的二、增加配置在项目的 package.json添加 "homepage": ".", 重新打包即可 npm run build 重新打开页面即可 ...

解决create-react-app打包后, 本地打开页面空白的问题

qq_33715850的博客

12-29

3146

解决create-react-app打包后, 本地打开页面空白的问题

nginx配置React的Browser路由模式空白页404Not fund（Connot GET / xxx）

刻痕

12-09

697

现象：能加载到打包后的线上index.html 对应页面内容不显示解决思路：nginx 配置优先使用路由( try_files 和 autoindex配置)，不自动指向index.html nginx 配置: location /react { alias /project/react/; # browserHistory模式 404问题 try_files $uri $uri/ /react/index.html; index index.html; auto

npm run build 打包后空白页解决问题两种情况

weixin_30361641的博客

09-15

917

问题一：assetsPublicPath配置错误解决办法：打开config/index.js文件 build:{ // assetsPublicPath: '/' assetsPublicPath: './' } 问题二：路由history模式配置有误router/index.js解决办法：关闭路由historym模式 ex...

React App项目打包成app后白屏

qq_41154522的博客

04-05

1309

在package.json中设置homepage值为‘.’{ "name": "react-demo", "version": "0.1.0", "homepage": "." } react-router必须使用HashRouter

react打包后本地访问白屏

SeaBirds的博客

06-27

1445

react首次打包白屏 react打包后index.html中引入文件是相对于根目录的(’/’)。打包后的文件直接打开使用的是file协议，是针对当前文件管理的根目录进行加载的,所以文件路径是错误的。服务器打开是使用http协议，针对网站根目录，就是域名默认指向的文件夹。解决方案: package.json文件加入 package.json { ..., homepage: '.', ... } ...

react17安装react redux报错

React build 后页面空白 报错

React build 后页面空白报错