记一次前端React项目pace依赖报错

最新推荐文章于 2023-08-22 10:41:33 发布
最新推荐文章于 2023-08-22 10:41:33 发布
阅读量255 收藏
点赞数 1
分类专栏： React前端 文章标签： react.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012246805/article/details/109815709
版权

记一次前端React项目打包报错

问题发生场景

时间2020-11-16日，美好的周一，刚要下班，结果外包团队说前端项目打包出现了问题，所有的项目都打包报错了，然后找我们看下，嗯，就这样，不能下班了。

报错截图

在这里插入图片描述
图上能很明显的看出来，原因是pace的404导致的，用手访问了下git上的链接，确实是访问不到了。

解决过程

在package.js中找到了引用依赖的地方，如下图：

pace引入的依赖位置
这个图是项目中使用的地方

通过文件中使用的位置看得出来是从node_modules文件目录中的，然后就本着早解决早下班的原则，打算把这个依赖删除，在其他依赖完成后手动给放到node_modules文件目录中去，OK。

谁也不能阻挡我下班！

凛冬将至0418
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Please use ‘App‘ component instead.报错问题解决
m0_73481765的博客
08-27 4518
组件库中的一个问题，提示在静态函数中无法像动态主题一样使用上下文（context）。在上述示例代码中，我们将整个应用程序的配置放在了。组件中的任何地方都可以正常使用。组件库编写项目发生了如下报错。通过这种方式，你就可以解决。包裹了你的自定义组件。
Warning: [antd: Modal] Static function can not consume context like dynamic theme. Please use 'App' ...
风花一世月
01-03 1367
react 的model.confirm报错，它意味着你在使用动态主题(Dynamic Theme)时不能在静态函数中使用上下文，需要使用contextHolder const [modal, contextHolder] = Modal.useModal(); React.useEffect(() => { modal.confirm({ // ... }); },...
ant design 使用过程中遇到的问题
FenceRain的博客
03-13 3067
Failed to parse source map: 'webpack://antd/./components/config-provider/style/index.less' URL is not supported
antd里解决一些奇怪的问题
weixin_66886617的博客
03-27 2711
表面现象 lint 和 ide都很正常，一运行就出错 主思路 查了资料代码应该没问题，尝试清除 mfsu就恢复正常
react - antd中message提示配置无效问题
前端三脚猫的博客
09-20 4136
在react中使用antd组件的message全局提示时, 配置无效问题。
记一次react前端项目打包优化的方法
10-15
在本文中，我们将深入探讨如何优化一个React前端项目，特别是针对打包过程中的性能问题。首先，我们遇到的问题是在uat环境中，由于bundle.js文件过大（3.6MB），导致页面加载时白屏时间超过30秒，严重影响用户体验。...
计算机前端react项目实例
02-09
在本“计算机前端React项目实例”中，我们将深入探讨React.js这一流行的JavaScript库，它是构建用户界面特别是单页应用程序（SPA）的利器。React.js由Facebook开发并维护，以其组件化开发模式、虚拟DOM（Document ...
使用IDEA创建的一个简单的react项目
07-25
在本文中，我们将深入探讨如何使用IntelliJ IDEA（IDEA）创建一个简单的React项目，并在其中添加一个点击计数组件。React是一个流行的JavaScript库，用于构建用户界面，特别是单页应用程序。它采用组件化的方式来...
wmsFrontEnd-main WMS系统前端项目源码 React
最新发布
01-05
【标题】"wmsFrontEnd-main WMS系统前端项目源码 React" 提供的是一个基于React技术栈构建的仓库，用于开发WMS（Warehouse Management System）系统的前端部分。这个项目的核心是利用React库来实现用户界面，React是...
错误: 无法从静态上下文中引用非静态 变量 this
JAVA_Rush的博客
09-17 1万+
【JAVA菜鸟笔记】 错误: 无法从静态上下文中引用非静态 变量 this #1 09.17 Hello.java 错误: 无法从静态上下文中引用非静态 变量 this 错误原因：main方法是一个静态方法，而静态方法中无法引用非静态变量 因为静态方法可以通过所在类直接调用而不需要实例化对象，非静态成员变量则是一个对象的属性它只有在有实例化对象时才存在的，所以在静态方法中是不可以调用静态变量的 改正方法：将Student类从Hello类中划出。 ...
react-preactprogress是Preact的一个简单和轻量级进度条组件
08-15
preact-progress是Preact的一个简单和轻量级进度条组件
react使用antd消息报错You are calling notice in render which will break in React 18 concurrent mode.
08-22 4159
不使用useMessage，直接使用 静态方法message.info：github问题地址：
react中使用antd的过程即踩坑（警告信息）
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
11-13 2万+
1.在使用react-antd,Table组件时报警告，虽然不影响效果但是，对于强迫症的人来说是无法接受的。 react-dom.development.js?cada:506 Warning: Encountered two children with the same key, `null`. Keys should be unique so that components maintain...
Ant Design 组件库的 Message 组件使用注意
weixin_45724850的博客
07-11 922
但是请注意，你的应用程序将继续以 React 17 的方式运行，无法利用 React 18 的新特性和性能优化。在 React 18 中，引入了并发模式（concurrent mode）和根交互（root interaction）的概念，以提高应用程序的性能和用户体验。同时，请确保你的项目已经升级到 React 18，以便充分利用新的功能和优化。而从 React 18 开始的并发模式（concurrent mode）中，不能在渲染期间调用该方法，而应该在 effect 中触发。在上述示例中，我们使用。
antd message设置无效（未正常弹出）踩坑记录
weixin_44197210的博客
09-23 6792
环境：react 的一个function components中 在数据提交成功后想给一个提示，结果提示为成功；结果发现提示未弹出来，后排查时代码确实是到了message.success(‘暂存成功！’)。 原因：是因为setGuideId是一个useState 导致这个function components又重新render了，render的时候把messasge的dom直接干掉了？我现在也不太确定，但确实是不去改变state的话就能成功弹出？ 解决方案：把setGuideId晚一些执行。果然可以了！
静态方法中无法使用协同程序
zhangzhen551的专栏
02-24 2975
在Unity中，静态方法是无法调用StartCoroutine()方法的。 原因就是协同是MonoBehavior的非静态方法，因此无法再静态方法中使用。
java里面的static静态问题————Cannot use this in a static context
weixin_62514105的博客
04-22 641
错误提示意思：this不能用在这串代码内。 public static void main(String args[]){ int a=10; int sum; sum=this.a+a; System.out.println(sum); } 原因： 1.static修饰的方法为静态方法或者称之为类方法，加了static的方法，会被首先加载，然后才加载非static内容，所以加载说static的时候是不知道非static的内容的，故
antdmessage使用_关于vue\react使用element\antd整合message消息提示
weixin_36362326的博客
12-23 1600
当在开发过程中进入页面请求多个接口，多条信息吐丝的现象QQ截图20200827205943.png感觉就是很不得劲儿，眼花撩乱的！以element-ui做示范建一个msgStore.js文件import { Message } from "element-ui";class StorageApi {static errorList = []; // 获取所有的消息 进行存储static Iserr...
antd modal组件多次渲染的临时解决办法
weixin_43557605的博客
06-07 2119
解决 antd Modal+Form情况表单多次渲染的问题
E宠商城项目开发记录：React Router与依赖包配置
"E宠商城项目记录，使用create-react-app初始化项目，清理源代码，整理公共HTML，并进行一系列的React和相关库的依赖安装，包括react-router-dom、axios等。同时，介绍了react-router的相关API和组件，如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值