React 打包后资源报错找不到

风—-

于 2023-06-19 22:14:42 发布

阅读量632

点赞数 1

文章标签： react.js 前端前端框架

本文链接：https://blog.csdn.net/m0_73273437/article/details/131296226

版权

出现这种情况其实其实很简单

方法一：进入index.html 进行路径补全 //这种方法不建议

方法二：在pakeage.json中加入代码

 "homepage": "./",

加到这里在 build一下就可以了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

风—-

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
React 打包后资源报错找不到

方法一：进入index.html 进行路径补全 //这种方法不建议。方法二：在pakeage.json中加入代码。加到这里在 build一下就可以了。出现这种情况其实其实很简单。
复制链接

扫一扫

关于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 build打包测试环境报错

chuxuezhe427的博客

09-01

777

#npm run build:test 或 yarn build:test 使用前需要安装dotenv-cli（https://github.com/entropitor/dotenv-cli），否则会报如下错误：安装全局dotenv-cli：执行命令：yarn global add dotenv-cli 或者 npminstall -gdotenv-cli 安装完成：再次执行如图：打包完成 ...

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

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

qq_42780323的博客

11-08

8488

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

React 打包后白屏，资源找不到

LueLueLue77的博客

07-28

1378

记录下最近在打包react项目的时候遇到页面白屏，资源找不到的情况

react项目刷新、打包后白屏问题解决

Beamon__的博客

02-01

1321

react项目刷新、打包后白屏问题解决

React项目打包布署及打包后页面可能找不到文件的解决方法

duansamve的博客

03-08

2588

1、打包在项目目录下，运行npm run build，进行打包，打包完成后会在目录下生成一个build文件夹，build生成的东西要放在服务器root下。 2、部署打包之前，package.json文件中要增加一个homepage字段： "homepage": ".", 布署的时候你必须把build里的文件直接放到服务器上，假如你的服务器IP是xx.xx.xx.xx，服务器端口为80...

【避坑指“难”】React umi项目打包，服务器找不到资源目录，umi.[hash].js Not Found

椰卤工程师的个人博客

10-11

1421

homepage 的作用是设置应用的跟路径，我们的项目打包后是要运行在一个域名之下的，有时候可能是运行在跟域名下，也有可能运行在某个子域名下或或域名的某个目录下，这时候我们就需要让我们的应用知道去哪里加载资源，这时候就需要我们设置一个跟路径，而且有时候我们的资源会部署在 CDN 上，你必须告诉打包工具你的CDN地址是什么。中homepage属性时，build打包之后的文件资源默认路径是。

react中npm run build打包后对应的js和css找不到

weixin_40667880的博客

01-21

2702

react中npm run build打包后对应的js和css找不到，解决方法：在package.json中加入"homepage": "./",即可解决此问题。

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

X北辰北的博客

11-06

2267

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

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

11-19

因为打包后的index.html里边的内容都是通过script标签引入的，默认显示的路径不对，打开肯定是空白的。 build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname

antd配置config-overrides.js文件的操作

01-21

下载antd 包 npm install antd 下载依赖包（定义组件按需求打包） npm install react-app-rewired customize-cra babel-plugin-import 自定义less-loader,改变antd默认样式 npm install less less-loader 根目录定义加载按需打包的js配置模块: config-overrides.js const {override,fixBabelImports,addLessLoader} =require('customize-cra'); module.exports =

解决webpack -p压缩打包react报语法错误的方法

08-30

在开发React应用时，我们经常使用Webpack作为模块打包工具，以优化代码并将其转换为生产环境可用的形式。然而，在尝试使用Webpack的`-p`参数进行压缩打包时，可能会遇到语法错误的问题。本文将深入探讨这个问题，并...

ReactNative android打包报错Task :react-native-amap3d:compileReleaseKotlin FAILED

像树的博客

08-31

1863

问题描述： ReactNative android打包报错：Task :react-native-amap3d:compileReleaseKotlin FAILED 截图如下：关键句： Kotlin could not find the required JDK tools in the Java installation '/Library/Internet Plug-Ins/JavaAppletPlugin.plugin/Contents/Home' used by Gradle. Make su

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

qq_33715850的博客

12-29

3127

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

React项目发版后部分用户出现白屏现象

weixin_42947716的博客

06-30

2654

系统每次发版之后，会有少部分用户出现的情况，需要清除浏览器缓存，开无痕浏览或者重新加载才能正常访问

React项目本地环境正常显示，打包部署服务器图片不显示问题

objctly的博客

04-04

5852

React项目部署服务器，图片不显示

使用react脚手架build后，html中文件路径引用报错的解决方法

qq_51427204的博客

12-17

1003

开发项目时遇到react打包后的文件夹中html中引用的路径找不到而报404的错误，通过createreact app创建的react项目自身脚手架做了webpack构建和优化，在项目中没有暴露配置文件

使用create-react-app的项目在build后显示一片空白

Youyzq的博客

05-31

590

使用create-react-app的项目在build后显示一片空白

webpack,抽离音频或视频等，找不到文件路径问题，解决方案

MNAHZ的博客

08-02

868

目前自己想到的俩种解决方案：第一种解决方案： <audio src="引用服务器的地址"></audio> http://......... 第二种解决方案： npm install --save-dev copy-webpack-plugin 使用这个插件的作用，复制src目录下创建的音频或视频类文件夹，粘贴到dist文件夹，因为本地起的服务，相当于引用的是dist...

react 打包刷新404

React 打包后资源报错 找不到

React 打包后资源报错找不到