React新建出现问题

最新推荐文章于 2024-02-29 19:51:12 发布
最新推荐文章于 2024-02-29 19:51:12 发布
阅读量1.3k 收藏
点赞数
分类专栏： 前端 React
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37629509/article/details/100537570
版权
前端 同时被 2 个专栏收录
34 篇文章 0 订阅
订阅专栏
React
19 篇文章 0 订阅
订阅专栏

Uncaught Error: Cannot find module ‘D:\project\react-counter-app-mosh\node_modules\babel-preset-react-app\node_modules@babel\runtime/helpers/slicedToArray’
at webpackMissingModule (formatWebpackMessages.js:9)
at Object…/node_modules/react-dev-utils/formatWebpackMessages.js (formatWebpackMessages.js:9)
at webpack_require (bootstrap:785)
at fn (bootstrap:150)
at Object…/node_modules/react-dev-utils/webpackHotDevClient.js (webpackHotDevClient.js:23)
at webpack_require (bootstrap:785)
at fn (bootstrap:150)
at Object.0 (serviceWorker.js:135)
at webpack_require (bootstrap:785)
at checkDeferredModules (bootstrap:45)

解决方法：yarn install安装依赖

弥玥
关注
专栏目录
react新建文档框架实现
08-05
react新建文档框架实现
React - create-react-app
sinat_33184880的博客
11-14 508
使用yarn作为包管理工具，安装yarn npm i yarn -g 安装项目所需的第三方包（使用antd要安装less与less-loader） yarn add react-router-dom axios less-loader less antd 需要在webpack中配置less，在项目文件中暴露webpack yarn eject 运行yarn eject可能出现问题...
Failed to compile. ./node_modules/react-dev-utils/formatWebpackMessages.js Module not found: Can't
王扬扬的博客
07-08 4659
React 启动报错： Failed to compile. ./node_modules/react-dev-utils/formatWebpackMessages.js Module not found: Can't resolve 'D:\react\yunkj\node_modules\babel-preset-react-app\node_modules\@babel\runtim...
【webpack】记录hmr失效解决方案
不忘初心，坚定道路！
11-11 2067
前言 最近遇到个问题，由于登陆系统使用单点登陆加应用使用微前端，开发时使用xswitch插件进行拦截代理，然后导致每次修改完代码需要手动刷新浏览器更新。特此寻找了解决方法。后发现每次都会刷新浏览器而不是热重载，经过探索后成功不刷新浏览器热重载。 解决方法 1、首先需要保证ws服务正常。由于未使用localhost域名导致会尝试建立访问域名的ws服务。 找到node_modules下_react-dev-utils这个包 其中有个文件叫webpackHotDevClient.js文件，第58行修改协议hos
前端项目运行报错webpack: Failed to compile.解决
最新发布
heda3的博客
02-29 2361
该文章介绍了前端项目运行报错webpack: Failed to compile.解决方式
webpack动态创建入口
weixin_33755847的博客
06-04 944
转载自 webpack动态创建入口 #背景背景 create-react-app创建的应用默认是SPA的架子入口只有index.html。但是有些情况下我们确实需要在同一个工程下开发多个SPA项目，一个是2C的H5项目，一个是后台的管理项目。网上多页面的配置已经很多了，这里只是想扩展记录一些方法。 #实践实践 项目的架子是下面这样的。 按照网上大多数的配置如下。 // 入口文件的配置 e...
react-CreateReactApp通过集成优秀的预置和包解决了新建React应用时要进行繁琐复杂的配置问题
08-15
4. **ESLint**：`CreateReactApp`还包含了ESLint，这是一个静态代码分析工具，帮助开发者遵循一定的编码规范，防止常见的错误和潜在的问题。 5. **Prettier**：Prettier是代码格式化工具，确保团队间代码风格的一致...
react 开发环境搭建 新建一个hello-wold程序
04-05
react 开发环境搭建 新建一个hello-wold程序
使用IDEA创建的一个简单的react项目
07-25
- 在`src`目录下新建一个名为`ClickCounter.js`的文件，这将是你的新组件。 - 在`ClickCounter.js`中，定义一个React组件类，例如`ClickCounter`，并实现`render`方法，显示一个按钮和计数器。 - 添加状态管理，...
react 中父组件与子组件双向绑定问题
01-21
首先，先把在head中引入react.js、react-dom.js和可选择的babel.js(这里需要注意引用的顺序，react.js必须在react-dom.js之前) <head> [removed][removed] [removed][removed] [removed][removed] </...
multi ./node_modules/af-webpack/lib/webpackHotDevClient.js ./src/Dropdowm.js Module not found: Can‘t
weixin_44240581的博客
08-10 868
react项目，我修改一个文件的名字，doRefactor后运行就报错了，我改回来后也运行不了，应该是文件命名用了关键字，替换的时候可能把其他地方也改掉了 解决方法 1.去项目根目录下找到.webpackrc.js 2.根据报错信息，搜索找不到的那个模块的文件名，如果找到就改回index.js,我的就行了 项目入口不一定是index.js，根据实际更改 如果在.webpackrc.js中找不到报错的模块名，那么这个方法不能帮到你 ...
React脚手架实现多页面应用
memedadexixaofeifei的博客
02-15 747
搭建项目内容 配置paths.js appHtml: resolveApp('public/index.html'), appQueryHtml: resolveApp('public/query.html'), appOrderHtml: resolveApp('public/order.html'), appTicketHtml: resolveApp('publi...
react之运行webpack报错：Error: Cannot find module '@babel/core'
weixin_40200876的博客
07-27 340
那就安装一个，终端输入： sudo npm install @babel/core --save
webpack 3新学习
大灰狼的小绵羊哥哥的博客
10-29 6927
webpack 是前端开发者一个跨不过去的编译工具。不过由于他的快速迭代，让很多同学在学一个版本的时候，下一个新版本就发布了，让人感觉非常蛋疼和无奈： “我是谁，我在干嘛，我要做什么？” 不过，如果你已经掌握 webpack 比较老的版本，对于新版本的学习而言，应该只需要 0.5 天的工作量就可以完成。因为，其基本理念都是以 JS 为中心，增加的只是其辅助特性。 webpack
Error: Cannot find module '@babel(转载)
热门推荐
u011483658的博客
07-10 1万+
Error: Cannot find module '@babel 0.12018.12.29 16:13*字数 227阅读 927评论 0喜欢 1 在安装babel的时候，遇到个Error: Cannot find module '@babel/core’问题，查了很多资料才解决，希望能够帮助到各位兄弟。 问题产生的原因 babel-loader和babel-core版本不对应所产...
ionic Error: Cannot find module "."
cmengzhongren的专栏
07-11 3796
使用VScode开发ionic移动应用时，碰到如下错误：Uncaught Error: Cannot find module "." at webpackMissingModule (index.js:3) at e.code (index.js:3) at Object.&lt;anonymous&gt; (index.js:9) ...
Vue开发中Parsing error:Cannot find module问题解决
Yel_Liu的博客
08-21 1万+
今天遇到了一个很纠结的问题，请看下图： 意思是找不到babel-eslint这个模块，但是我安装模块之后，问题并没有得到解决，查了很久，没有找到解决办法。但是我看到跟我相似的问题，只是找不到的模块不同，按照别人提供的方法试了一下，竟然解决了。 解决方法就是全局安装缺少的模块 比如我遇到的问题，执行 npm install babel-loader -g 即可解决。 ...
create-react-app创建的项目配置多入口MPA模式。报Cannot read property ‘filter’ of undefined
q1519187064的博客
04-29 580
create-react-app创建的项目配置多入口MPA模式。报Cannot read property ‘filter’ of undefined 多入口配置 一.首先eject项目 执行npx create-react-app train-ticket,安装react项目。这时候package.json中react-srcipt已经集成了所有的逻辑，此时需要个性化的配置，需要执行npm r...
webpack热更新原理介绍
前端程序猿steven的博客
09-17 1248
webpack热更新原理1、 什么是HMR2、搭建HMR项目3、热更新流程图3、项目文件4.手写实现webpack-dev-server.js5、编写客户端更新模块webpackHotDevClient6、总结* 集成 Socket.IO介绍 （只是普及和上面无关） 1、 什么是HMR Hot Module Replacement是指当你对代码修改并保存后，webpack将会对代码进行新打爆，并将新的模块发送到浏览器端。 相对于live reload 刷新页面的方案， HMR的有点在于保存应用的状态，提高开
react 弹框 新建项目功能
10-17
您可以使用 React 的 Modal 组件来实现弹框功能，具体步骤如下： 1. 安装 Modal 组件：`npm install react-modal` 2. 在需要使用弹框的组件中引入 Modal 组件：`import Modal from 'react-modal';` 3. 在组件的 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值