react项目服务器打包报错文件不存在，本地打包可以踩坑记录

最新推荐文章于 2023-07-20 15:16:25 发布
最新推荐文章于 2023-07-20 15:16:25 发布
阅读量614 收藏
点赞数
分类专栏： react + ant-design 文章标签： javascript reactjs linux windows
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44197210/article/details/117296698
版权

之前遇到一个问题，就是咱们的前端项目能在我自己的windows10上成功运行。npm build也能成功！但是在服务器打包的时候就报错说文件找不到
就是这个 …/payment/refund/IndexResult.jsx
报错信息
刚开始我以为是文件在本地没有提交，后来提交之后还是报错；
最终仔细排查发现是文件的大小写不正确，文件命名为 indexResult.jsx,而在引用的时候是IndexResult；
在windows上不区分大小写，而Linux是区分大小写的！ 血泪的教训，之后我在开发中就坚决只复制粘贴，再也不敢手打了😂

在这里插入图片描述

想为雷总打工的小张
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
React Native - 环境搭建（踩坑指南）
ICodeMan的博客
09-18 2151
官方文档： https://reactnative.cn/docs/getting-started/ 使用环境： Windows & Android 缩略词： RN(React Native)、AS(Android Studio) 文章目录1. 初始化项目1.1 需要的环境1.2 需要的配置2. 开始第一个项目3. 集成 RN 项目到Android（Gradle项目）3.1 准备工...
android隐私违规获取问题处理 及 Hook拦截处理记录 (VirtualXposted/epic等)及 android/iOS 多bundle加载方式修复方案
iOSTianNan的博客
07-08 5231
最近公司启动了隐私合规检测,报告告知我们在用户未同意隐私协议前,我们APP提前获取了WIIF/SSID/Mac地址等信息,不合规需要处理 (就是在同意前以及拒绝后, 不进行某些SDK的初始化…,能在非root情况下掌控自己进程空间内的任意Java方法调用, 主要的就是用框架进行hook, 来抓取系统函数调用, 追踪三方SDK的启动情况/函数调用等。在尽量不改动原版功能的基础上,做好隐私协议的前置(在各种RN组件/三方组件加载前),不同意就多次确认后,退出APP, 基本上就是这种思路。
react 把配置文件解出来后项目运行出现错误（缺失包）
北芒的博客
05-17 477
出现这个的原因的你解压的时候出现错误 我在解压的时候并没有看到错误为什么会出现错误？ 这个解压的并不是它的错误，而是和你电脑的性能有关 在cmd 中会有提示，你把缺失的包再安装一下就行了（有时候并不是只缺失一个包） 第一行就是缺失包 安装缺失的包 ...
react项目打包
最新发布
B13362260109的博客
07-20 1329
2.在项目根目录中执行命令serve -s ./build 在build目录中开启服务器。2.在package.json中的scripts标签中，添加分析打包体积命令。3.在浏览器中访问：http://localhost：3000/ 预览项目。2.在路由Router内部，使用Suspense组件包裹组件的内容。2.等待打包完成，打包生成的内容被放在根下的build文件夹中。5.通过浏览器打开的页面，分析图标中的包体积。1.在App组件中，导入Suspense组件。在package.json中。
关于React安装出现的错误的相应解决方案
qq_72760247的博客
12-31 826
关于React安装出现的错误的相应解决方案
react获取不到目录中文件的坑
qq_58174484的博客
07-09 947
react获取不到目录中文件的坑
【React】:Uncaught SyntaxError: Unexpected token ‘＜‘ 这种错误怎么解决？？？
weixin_53126517的博客
03-18 4060
错误示例如上图， 这个错误的前提应该是没有使用React脚手架，React框架由那么为什么会出现如图错误呢，原因是<script>标签内需要添加type="text/babel" 错误示例： <script> class Todolist extends React.Component { constructor(props) { super(props); this.state = { .
GitHub 上的前端项目收集
qu6zhi
10-05 634
整理收集了 GitHub 上优秀的前端项目，包括：工具，优质资源，测试工具，框架，动画，编译工具，数据可视化等等，分享给大家学习。 codepen 一个在线编辑前端项目的网站，其中有一些前端大神的作品，也有很多令人惊艳的前端效果，可以浏览和下载使用。 docschina 印记中文网收集了由社区翻译的比较流行的前端相关框架、工具的中文版文档。为学习一些新的框架扫平了语言障碍。 toby 超级赞的收集与协作管理书签的chrome插件，前端开发应该都会用chrome。全球超过10W+的用户。 m
GitHub 上值得收藏的100个精选前端项目！你知道几个？
phpyasi520的博客
08-22 1149
关注小编，回复“1” 加入我们一起学习，天天进步 引言 整理与收集的一些比较优秀github项目，方便自己阅读，顺便分享出来，大家一起学习，作者简书上文章会持续更新，版权归原作者所有。 最新更新 codepen 一个在线编辑前端项目的网站，其中有一些前端大神的作品，也有很多令人惊艳的前端效果，可以浏览和下载使用。 codrops 一系列具有相当具有创意且有趣的前端效果的集合，是非常棒的学习资料，可以欣赏和下载使用。并且有些项目，也托管到了github仓库中 docsc...
一篇彻底搞懂----混合移动App干货
拎着蜗牛跑的壳儿
12-01 2444
一 - 混合移动App干货—详细解读 引言 本文会详细的讲解什么是混合App开发、混合App开发概念、原理、区别、为什么要学习混合App、混合App开发的几种方式以及具体的环境配置和踩坑指南等干货十足。 1-什么是混合移动App开发 苹果上的软件是如何开发出来的：使用的是 OC、或者使用Swift这门语言 安卓平台上的软件又是如何开发出来的：使用安卓相关的语言开发的，Java，安卓的控件进行...
Uncaught SyntaxError: Unexpected token ‘＜‘ vue react
fred8的博客
04-25 1031
Uncaught SyntaxError: Unexpected token '<'Uncaught SyntaxError: Unexpected token '<'报错 vue react控制台显示错误解决方法1解决方法2（文件未引入路径） Uncaught SyntaxError: Unexpected token '<'报错 vue react 最近在写vue react 的项目过程中有报Uncaught SyntaxError: Unexpected token ‘&
React Uncaught SyntaxError: Unexpected token ‘＜‘ 报错
刻痕
02-24 2148
线上项目： 本地正常，线上有问题。重新打包，发版，完事。 如果index.html 有js，则： <script type="text/babel" src="%PUBLIC_URL%/jweixin-1.6.0.js"></script> 尽量配置 - 前端不缓存配置 index.html / head 内添加： <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"
解决：react项目部署到服务器，刷新报“Uncaught SyntaxError: Unexpected token ＜“ 错误
qq_41355222的博客
10-20 3004
因为使用npm run build生成的build目录。原因就是生成的index.html引用的js文件路径不对。 <script src="./static/js/main.2a806527.chunk.js"></script> 多出来一个’.’，此时突然想起来，刚开始使用react的时候在package.json添加了一行代码"homepage": “.”。 修改为网站的网址"homepage": “http://110.42.213.191:3001/”，问题解决。 ..
Eclipse升级之后出现R文件不存在的问题
批判是一个巴掌的专栏
04-13 909
前几天，自己在弄一个小的项目的时候，用到一个控件，这个控件是Android 5.0 版本的，所以之前的Eclipse和sdk版本都不能用这个控件，我就在官网下载了高版本的Eclipse（下载地址），然后用了我自己以前下载的API 21 的sdk，结果可以引用这个控件了，但是问题来了，主工程的R文件找不到报错了，我尝试着新建个工程看看，奇怪的是我新建的工程也没有R文件，在网上找了很多资料，也没弄好。
记一次前端打包错误排查
weixin_33939380的博客
05-23 662
虽然标题称错误为前端打包错误，但更具体的说这个错误是react-native打bundle包的时候出现的。因为排查过程有一定的通用性，所以我将这个错误描述成是前端打包的错误。 错误信息如下图所示： 从错误信息可以看出这个错误是json字串解析错误（JSON.parse），并且跟缓存相关(Cache.get)。然而除此之外就看不出更多的信息了（上面的描述跟react native没有任何关系，没...
react项目打包报错
oldchao的博客
09-19 893
react项目打包报错 Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
React项目如何打包发布及遇到的坑
热门推荐
天工开物
06-29 5万+
刚开始学习react，遇到一些小问题。我使用的是create-react-app脚手架生成的项目。这个脚手架一键生成react项目，非常方便。先简单记录一下这个新建项目的过程。一、打包1、安装使用npm install -g create-react-app 122、生成新项目create-react-app my-app 12(生成的项目最好不要用驼峰式命名，否则后面生成文件提示也会让你改)３、...
React项目打包布署及打包后页面可能找不到文件的解决方法
duansamve的博客
03-08 2588
1、打包 在项目目录下，运行npm run build，进行打包，打包完成后会在目录下生成一个build文件夹，build生成的东西要放在服务器root下。 2、部署 打包之前，package.json文件中要增加一个homepage字段： "homepage": ".", 布署的时候你必须把build里的文件直接放到服务器上，假如你的服务器IP是xx.xx.xx.xx，服务器端口为80...
js React 引入组件大小写必须一致 否则linux 会出现找不到模块的问题
henlang的专栏
05-17 851
js React 引入组件大小写必须一致 否则linux 会出现找不到模块的问题
优化Webpack：解决React项目打包速度慢的问题
例如，我们可以将React配置为外部库，让它指向`window.React`，这样React就不会被包含在打包的JavaScript文件中，从而减少打包时间。 除了`externals`，还有其他优化策略可以提升Webpack的打包速度。其中，`cache`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值