react项目打包后路径找不到，项目打开后页面空白的问题

最新推荐文章于 2024-07-02 18:07:33 发布

weixin_33692284

最新推荐文章于 2024-07-02 18:07:33 发布

阅读量2.3k

点赞数 1

文章标签： javascript json java ViewUI

原文链接：http://www.cnblogs.com/lan-cheng/p/10541606.html

版权

使用 npm install -g create-react-app快速生成项目脚手架打包后出现资源找不到的路径问题：

解决办法：在package.json设置homepage

转载于:https://www.cnblogs.com/lan-cheng/p/10541606.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33692284

关注关注

1
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

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

Sophie_U的博客

04-20

1万+

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

html5文件未找到,iOS关于本地h5文件找不到的问题

weixin_36354131的博客

06-15

792

1.很多时候，我们写的的html5打包放在APP中，使用nsbundle 去查找([[NSBundle mainBundle] pathForResource:@"name" ofType:@"type"])，返回的path总是空的这个问题我们也不知道原因：目前的解决方法：1.使用zip的包，将文件在document文件下面解压缩，然后根据你设好的路径去加载h5文件。缺陷是h5文件直接暴露出来了。...

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

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

qq_35856855的博客

03-05

2696

react-router有一个basename:string属性，用于为所有位置添加一个基准URL。使用场景：假如你需要把页面部署到服务器的二级目录，你可以使用 basename 设置到此目录。后台需要将域名指向二级目录前端路由如下配置即可例如：（二级目录为/guess） &amp;lt;BrowserR...

uniapp小程序转原生app打包，提示文件查找失败

最新发布

weixin_44846945的博客

07-02

658

一个这么小的问题花费一个多小时才解决（自己都感觉挺尴尬的），讲真的开始也很纳闷，甚至怀疑自己，也百度查过，没找到什么有用的信息，还好比较幸运，多想了下，多尝试了下，把问题解决了。但最后转成的app还是有问题，那是因为这个小程序用的ui组件是vant-weapp，转出后，所有样式问题严重丢失，因为，vant-weapp压根不兼容app端，还有自定义tabBar，在ios环境里面会出现两个tabBar，最后小程序借助微信登录获取用户信息这块，app是要改的。综上所述，待定吧，转的成本也不低啊，一堆问题。

react 打包后找不到路径

周家大小姐

12-08

1198

在 package.json文件中配置相对路径新增 "homepage":"."

React脚手架项目路径解析

微笑的丁总的个人博客

01-31

1004

先来一张路径图： 1.README.md文件为项目的注释文件 2.package.json为项目的包文件，主要包含项目的依赖项以及启动方式等，与node_modules相辅相成 3..gitignore为项目的不能上传到git仓库的排除项目 4.src为项目的工作目录，项目的源码目录 index.html对应的js文件为index.js，而index.js引用了App.js(2级) ...

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

11-19

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

react build 后打包发布总结

10-18

2. 在运行`npm run build`后，直接打开生成的`index.html`可能会出现空白页面，这是因为默认的路径配置问题。为解决这个问题，可以在`package.json`中添加 `"homepage": "."`，这将确保路径配置为相对路径，从而解决...

【React】在React中添加的a标签经过HBuilder打包成App后跳转路径错误

29的博客

03-29

557

文章目录运用场景解决运用场景开发完一个React项目后，我们需要将整个项目通过yarn build打包一下，然后有可能还会出现空白的情况，那就是需要注意将BrowserRouter更换成HashRouter，还要将package.json文件中加入规则： "homepage": ".", 区别就是路径后面会多出一个比较丑的#号，那就需要通过其他方法配置，网上都要挺多讲解的，这里就不提了咱们不嫌弃它很丑，我们就用HashRouter，通过打包后，我们会发现，每个a标签神奇的跳转到了硬盘的根目录，然

Vue打开动态html页面,解决vue 项目使用webpack打包后，直接打开dist文件夹下的index.html页面空白的问题...

weixin_42506911的博客

06-03

885

解决vue 项目使用webpack打包后，直接打开dist文件夹下的index.html页面空白的问题2020年07月11日|萬仟网IT编程 |我要评论问题描述vue项目完成后，输入npm run build命令，会生成dist文件，本地打开dist/index.html，一般页面为空，或者报错找不到css和js文件，则需要更改一些路径参数，改成...

react——webpack配置@路径——配置jsconfig.json提示

阿牛哥的博客

09-28

946

react——webpack配置@路径——配置jsconfig.json提示

React H5项目分享安卓和IOS兼容性处理

Mo mo的博客

05-27

678

移动端IOS分享的页面url与当前页面url不一致问题：安卓分享页面的url为指定页面的路径分享正常，ios分享页面的url始终都是首页路径方法：检测终端为ios时，刷新分享的页面封装判断ios终端方法分享的页面调用封装的方法即可在ios系统下正

react.js react.js - iframe src路径访问不到

tao_sheng_yi_jiu的博客

11-11

1175

用create-react-app创建一个react.js项目。在App.js同级目录新建一个文件:iframe.html。目录结构如下：代码改动如下： src/App.js src/iframe.html 然后执行npm start: http://localhost:3001/http://localhost:3001/ 可以从上图红框标记的地方看出：iframe并没有展示我们所期待的内容。访问iframe的超链接http://localhost:3001/if...

HBuilderX将React移动端项目打包成apk，并在模拟器进行展示

筱竹的博客

10-13

5257

文章目录HBuilderX将React移动端项目打包成apk，并在模拟器进行展示apk效果一、项目打包前配置和打包1、项目打包前配置2、项目打包二、使用HBuilderX把打包好的项目打包成apk文件0、HBuilderX下载及注册账号1、使用HBuilderX新建APP项目3、把项目打包的文件，移动到HBuilderX新建APP项目中4、配置APP项目中`manifest.json`文件4.1 基础配置4.2 图标配置4.3 启动界面配置4.4 模块配置5、使用HBuilderX试运行打包后的项目6、使用

react nom run build 打包后资源文件找不到

04-16

1059

找到react-script模块文件夹config下面 paths.js node_modules\react-scripts\config\paths.js function getServedPath(appPackageJson) { const publicUrl = get...

react项目打包 npm run build后资源路径找不到，放在服务器二级子目录空白问题解决方法。部署后刷新404问题

qq_42780323的博客

11-08

8509

1.项目完成后直接npm run build 后发现资源找不到，chunk.css,js等全部是报错。解决办法，在page.json文件里面增加一行："homepage": "./", 2.由于项目不是直接放在服务器根目录，放在二级子目录，导致路由无法匹配。指向错误页面。或者空白。解决方法： react路由使用BrowserRouter ,里面增加一个属性basename，相当于基准url。不是默认的根路径我的文件位置/WEB/reactdemo, :打开页面浏览器显示的地址：htt.

解决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

React Native Xcode调试遇到未找到main.jsbudle文件

孟凡涛的博客

06-27

2274

刚开始以为是main.jsbundle文件的项目位置有误，但是重新定位在文件系统的位置之后发现，这个文件确实是找不到了那么就来考虑一下如何重新生成这个文件吧 1、先启动react-native 服务 react-native start 2、通过curl命令生成 curl http://localhost:8081/index.ios.bundle -o main.jsbundle ...

react项目打包后混淆源代码

05-30

React 项目打包后混淆源代码可以使用 webpack 的 UglifyJS 插件。UglifyJS 是一个 JavaScript 压缩和混淆工具，可以将 JavaScript 代码压缩并且混淆变量名，从而使代码更难以阅读和理解。要使用 UglifyJS 插件，...