react - webpack配置文件缺失

伍伍怀 伍伍怀 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 500+累计阅读 532平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄8年
关注
原创 最新推荐文章于 2026-10-12 14:17:28 发布 532 阅读 AI 写同款· GEO 优化 ›
React学习（一）：React+antd出现locale模块缺失的问题 React学习（一）：React+antd出现locale模块缺失的 问题阐述：这段时间在完成毕设的一个众筹DAPP项目，前端这边使用的是React+antd的技术栈。不打算写多高性能，最起码这个基本页面得过得去。在React项目中引入antd，直接报了一个错，我觉得这不是我的错，而是一个实实在在的框架bug。官网直接copy的代码，它整个locale模块缺失，顺着目录找下去，全齐活，它还就是告诉... 阅读详情

在这里插入图片描述
当类似配置文件缺失的时候

在当前的目录下面：yarn add @babel/plugin-transform-react-jsx -D

添加配置文件即可

同理：

在这里插入图片描述

在当前的目录下面配置： yarn add @babel/plugin-transform-react-jsx-source -D

加载完成后：yarn start打开react即可使用

收录于
react

当前文章被收录于：

react
10 篇文章 0 人学习
订阅专栏 查看详情
webpack

当前文章被收录于：

webpack
3 篇文章 0 人学习
订阅专栏 查看详情
标签
#react中webpack文件缺失 #module   can't  find
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
从0到1使用 Webpack5 + React + TS 构建标准化应用 本文记录了开发过程中从项目初始化开始，再到一个标准化前端项目的搭建路程。涉及相关代码规范、开发环境搭建、生产环境优化等。 阅读详情

相关推荐

TypeScript+Webpack+React组件库开发采坑实记

概述 本文为配置TypeScript+Webpack+React，开发UI组件库时遇到的坑以及相对应的解决方案记录，适合相关同学进行查阅解决问题。 本文主要内容为： tsconfig.js配置中遇到的问题 选择TypeScript Loader遇到的问题 Webpack遇到的问题 此三类配置和选择会同时导致某一类问题，因此这三类不作为分类标准，仅作为读者思考的方向，我们下面会根据具体的问题和错误以及对应的解决方案来进行说明。 本文只需略读，在遇到相对应问题时，能够知道此处

weixin_42899690的博客 604

为什莫react项目中没有webpack.config.js文件（2021-03-21）

当我们使用react的脚手架创建了一个react项目后，一定会有一个疑问，那就是为什么create-react-app创建的项目没有webpack.config.js文件！ 官方文档提示：默认配置文件都是隐藏的，点开package.json文件，可看到配置的命令是以 “react-scripts *” 来执行，所以打开node_modules文件夹，找到react-scripts文件夹进去， config目录即是你需要找的webpack的配置文件。如果要自定义，**运行npm run eject，**就可

char56789的博客 5126

从0到1使用Webpack5 + React + TS构建标准化应用

本篇文章主要讲解如何从一个空目录开始，建立起一个基于webpack + react + typescript的标准化前端应用。技术栈: webpack5 + React18 + TS工程化: eslint + prettier + husky + git hooks支持图片、less、sass、fonts、数据资源(JSON、csv、tsv等)、Antd按需加载以及主题支持热更新、资源压缩、代码分离（动态导入、懒加载等）、缓存、devServer。

xhbzl的博客 613

webpack.config.js哪里找？react项目关闭eslint监测

webpack.config.js哪里找？ react项目关闭eslint监测

Celester_best的博客 2768

单细胞数据导入实战：Read10X函数常见报错与解决方案

本文针对单细胞转录组分析中Read10X函数数据导入的常见问题，提供了详细的实战解决方案。重点解析了因文件路径错误、压缩文件未解压、版本命名不符及内存不足导致的报错，并给出了检查路径、正确解压、重命名文件、调整参数及优化内存等具体操作步骤，帮助用户高效完成单细胞数据导入，为后续分析奠定坚实基础。

weixin_28235513的博客 238

STM32单片机语音提示盲人拐杖整点报时夜间警示超声波测距

STM32单片机语音提示盲人拐杖整点报时夜间警示超声波测距 关键词：语音提示盲人拐杖 整点报时 超声波测距拐杖

LS840233684的博客 2047

React脚手架中找不到webpack.config.js配置文件

create-react-app脚手架安装好react工程后运行npm run eject，会多出两个目录config和scripts，此时可以在config目录下看到配置文件webpack.config.js

duansamve的博客 4112

使用Eggjs做服务端获取微信小程序云开发数据库的access_token

最近自己想写了一个微信小程序，恰巧里面有个云开发，恰巧里面有个数据库，那懒人的我，就直接用云开发里面的数据库了，做测试或者正式也好，对于刚开始来说，免费的配额是够用的。 后来想到在小程序云开发上面的数据怎么看才方便？刚好微信小程序有一个服务端API，那就方便很多了，那就直接敲个服务端来获取云开发上数据库的数据出来到自己的后台上面，那以后管理起来也方便很多。 看了一下服务端api之后，发现有三个重要...

kalenE992的博客 1705

05_创建React的配置文件

脚手架创建的React项目添加webpack.config.js 添加config文件 create-react-app生成项目后,默认的项目目录是这样的: ![在这里插入图片描述](https://img-blog.csdnimg.cn/386fd4adad374590ac17166b80be797c.png#pic 没有配置文件的目录,脚手架工具给我们提供的生成配置文件的命令在package.json中,如下： 在我们需要配置文件的时候,只需要运行这行脚本就可以了： # 使用npm npm run e

PrototypeOne的博客 1266

Navcat最新版的激活和安装教程（全网最靠谱，最快捷的方式）

现在最新版本navcat已经出到了16.3了，并且新版navcat也支持连接redis和图标等更多样化的功能，但是比较头疼的一件事就是，只能试用14天。那么接下来小编教大家如何用最简单的方式使用最新版navcat16.

weixin_50737119的博客 2万+

S32K1XX Autosar开发实战｜全网独家复现EB MCAL Port/Dio配置、详解引脚分层原理、实现经典跑马灯助力车载IO电控落地

在NXP S32K1XX系列车规MCU的AUTOSAR标准开发体系中，MCAL（微控制器抽象层）是软硬件解耦的核心载体，而Port端口模块与Dio数字IO模块是MCAL最基础、最核心的入门模块，也是车载指示灯、按键检测、继电器驱动、外设硬件启停控制的底层支撑。区别于传统裸机直接操作寄存器的开发方式，AUTOSAR架构采用分层隔离设计，Port负责硬件静态初始化、Dio负责动态电平操控，严格遵循车规级开发规范，杜绝硬件资源冲突、引脚配置混乱等问题。

getusushu的博客 43

create-react-app不暴露webpack配置如何新增配置

create-react-app不暴露webpack配置如何新增配置

qq_28844779的博客 645

2026华为OD面试题029：勇攀数字高峰

在给定的数字地形图里寻找登山路径，数字代表当前位置的海拔高度。要求从最低海拔出发，不断攀登，最终到达最高山峰。地图保证最低海拔和最高山峰都只有一个。 登山规则： - 路径上的海拔必须严格递增 - 只能向上下左右 4 个方向移动 - 路径必须从最低海拔开始，到最高海拔结束 - 每个地点只能走一次 - 每一步的攀登高度差必须大于 0，且不超过指定值 `K` 输出满足条件的登山路径的数量。

琅嬛福地 120

npm打包报错Module not found: Error: Can‘t resolve ‘.src/app.js‘ in ‘../Desktop/webpack-react-scaffold‘

报错信息如下： ERROR in app Module not found: Error: Can't resolve '.src/app.js' in '/Users/allard/Desktop/webpack-react-scaffold' resolve '.src/app.js' in '/Users/allard/Desktop/webpack-react-scaffold' Parsed request is a module using descr...

晓康的博客 1万+

竞赛经验——挑战杯、互联网加、北斗杯、微软创新杯、计算机设计等比赛教训与经验

最近参加一些比赛，北斗杯、挑战者杯、微软创新杯等比赛，每次比赛都有不少需要总结的地方，特别是项目展示上技巧很多，总结一下。 首先最重要的是作品自身硬！自身的作品完成度不高，或者是没有创新点，就没必要参加了。 比如是出去比赛的话，我反正每次碰到最多的是智慧农场、智慧家居之类，不知道为啥这种的太多了。如果是创业型比赛，评委基本会问小米已经做得很好了很便宜了，你的优势在哪里？这些都是常见的问题提前要...

沉迷单车的追风少年 7329

MIL图像处理那些事:MIL的安装和MIL工具箱

MIL图像处理那些事:MIL的安装和测试,如何用C#使用MIL

十多年IT经验,专注机器视觉,智能制造半导体行业 5274

React Native Paper 在 Web 端的使用：react-native-web + webpack 完整配置指南

React Native Paper（Material Design for React Native）不仅支持 Android 与 iOS，还通过 [react-native-web](https://github.com/necolas/react-native-web) 与 webpack 完整支持浏览器端运行，让同一套组件代码可以跨三端复用。本文以 React Native Paper 5

gitblog_00101的博客 1030

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的，已经排好版了，而且还是完整的，适合小白

webpack 打包时，缺失字体问题

原文链接: webpack 打包时，缺失字体问题 上...

阿豪 125

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能：商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传，基本资料下载，开钱箱、小票打印、收款结算，支持多币种付款方式（现金、储值卡、礼券、微信等）,支持多种促销。运行环境：.net 4.0登陆信息用户名:1001 密码:123456内置商品信息，商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏 相关源码待公开

webpack+react

用的webpack4.x 按照官网的前期配置，搭建一个雏形，由于技术栈是react，然后还想ES6等语法，这就不可避免遇到Babel的安装问题，但是Babel官方升级之后的配置会有不兼容问题，先介绍一下Babel： Babel 是一个 JavaScript 编译器 Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能...

qq_37744343的博客 217

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

React Typescript Webpack 项目常见问题解决方案

React Typescript Webpack 项目常见问题解决方案 项目基础介绍 React Typescript Webpack 项目是一个用于构建 React 应用的种子项目，使用了 Typescript 和 Webpack 进行构建。该项目采用了 FLUXless 架构，即无 Flux 架构，简化了数据流的管理。项目的主要编程语言是 Typescript，它是一种静态类型的 JavaSc...

gitblog_00291的博客 926

react-native-vector-icons Web 端集成指南：react-native-web 与 webpack 场景下的字体加载完整配置

react-native-vector-icons（RNVI）的图标组件本质上是一个加载了自定义图标字体的 `<Text>` 组件，因此在 Web 平台（`react-native-web`、webpack/CRA 等构建体系）上，**让浏览器"认识"这些字体文件**是图标能否正确渲染的前提。本文以仓库内 [docs/SETUP-WEB.md](https://link.gitcode.com/i

gitblog_00004的博客 458

Webpack 4 + Babel 7 搭建可维护 React 构建系统

现代前端构建的核心在于对编译与打包过程的可控性。Webpack 作为模块打包器，Babel 作为 JavaScript 编译器，二者协同实现语法降级、代码分割、polyfill 注入等关键能力。其技术价值不仅在于兼容旧浏览器（如 IE11、Chrome 58），更在于支撑企业级工程需求：多版本组件库共存、SRI 完整性校验、CDN 资源路径动态注入、HMR 状态保留等。典型应用场景包括金融、政务类中大型 React 管理后台，尤其在 CRA 或 Vite 难以满足深度定制要求时，手配 Webpack 4 与

dianyin7770的博客 486

React+ECharts+webpack构建高可用动态曲线可视化方案

动态曲线可视化是IoT监控、金融行情等实时数据场景的核心需求，其本质是时间序列数据在前端的高效渲染与响应式更新。实现稳定、低延迟、可维护的动态曲线，需兼顾渲染引擎性能（如ECharts的appendData与progressive分块机制）、状态驱动框架（React的useEffect依赖控制与副作用隔离）以及工程化构建能力（webpack对大资源如地图JSON的按需加载与chunk拆分）。本文围绕‘高频数据追加—内存安全—首屏优化—多图表协同’主线，解析如何通过技术组合解决卡顿、白屏、内存泄漏、断连丢数等

weixin_33847182的博客 379

4年前创游编辑器复活记：Webpack与React版本兼容性实战

版本兼容性是现代前端工程化中的基础概念，其核心原理在于管理依赖包之间的API契约关系。随着Node.js和npm生态的快速迭代，长期项目的技术价值体现在可持续维护能力上。在实际应用场景中，Webpack构建工具和React框架的版本差异常导致构建失败，特别是遇到Module not found或API变更等典型问题。本文通过热词Webpack配置优化和React 16升级实战，展示了如何系统解决4年前项目的环境适配挑战，为遗留系统现代化提供可复用的工程实践方案。

weixin_33754065的博客 334

解决react项目暴露webpack.config.js文件后运行报错问题

在react项目中为webpack添加新的依赖时，有时需要手动去配置webpack.config.js文件中的relus。但是在create-react-app中默认是不显示webpack.config.js文件的，所以就需要使用yarn eject将webpack文件暴露出来。挺正常一操作，但是发现暴漏出来修改完发现项目不能运行了，一开始提示 缺少react-scripts依赖 好吧，缺少那就安装一下 安装命令：npm install --save react-scripts 安装成功后，重新运行，发

weixin_38008461的博客 1690
上一篇： react生命周期详解
下一篇： Js模块话编程思想
点赞 0
评论 0
书签 书签 0
伍伍怀
伍伍怀
博客等级 码龄8年 24粉丝 29原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值