umi插件umi-plugin-react插件build项目失败（黑马好客租房）

最新推荐文章于 2025-06-25 14:20:24 发布

Noragami007

最新推荐文章于 2025-06-25 14:20:24 发布

阅读量1.5k

点赞数 2

CC 4.0 BY-SA版权

文章标签： react.js 前端 javascript java

本文链接：https://blog.csdn.net/m0_61711589/article/details/127634451

本文介绍了一个在使用Umi与React插件时遇到的兼容性问题及解决方案。作者分享了如何修改配置文件以确保项目能够正常运行，并提供了正确的配置示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

跟着黑马视频学习到react插件那里时build一直报错网上看了很多答案但是感觉是umi更新了所以那些答案过时了被我折磨坏了如图

正确改法如下：

export default(api,opts)=> {

};

{
  "name": "code",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "devDependencies": {
    "@umijs/preset-react": "^1.0"
  }
}

可以从官网查看

umi-plugin-react插件官网

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Noragami007

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

umi-plugin-keep-alive:用于基于React激活的umijs

05-13

umi-plugin-keep-alive 中文说明 | 此 <KeepAlive> 功能基于在线示例 umi 多 tabs 示例：使用方法安装 npm install umi-plugin-keep-alive --save # or yarn add umi-plugin-keep-alive 从 umi 中导出 KeepAlive，包裹在需要被缓存的组件上 import { useState } from 'react' import { KeepAlive } from 'umi' function Counter() { const [count, setCount] = useState(0) return ( <div> <p>count: {count}</p> <button onClick={() => setCount(c

umi-plugin-md::cooked_rice:用于umi的Markdown（*。md）组件插件

05-26

md）组件插件。仅使用umi和markdown创建您的网站。方便，强大的博客，文档站点和GitBook。将markdown转换为组件：由markdown-it加载并转换为React组件。自动创建路线：从目录自动创建降价路线。自动锚点：...

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

搭建umi框架时出现Error: Error: Plugin umi-plugin-react can't be resolved

最新发布

Yuki_yuhan的博客

06-25

1084

本文介绍了使用 Umi 框架快速构建项目的完整流程。首先需要准备 Node.js 18+ 环境和包管理工具（推荐 pnpm）。通过 create-umi 命令创建项目，可选择 Ant Design Pro 等模板，推荐使用 pnpm + taobao 提升安装速度。详细说明了项目启动、Prettier 格式化配置、打包部署等操作步骤。还介绍了如何集成 Tailwind CSS 和 classnames 插件，以及可能遇到问题的解决方案。全文提供了清晰的命令行示例，涵盖从环境搭建到项目发布的完整开发流程。

npm err! ant-design-pro@5.1.0 build: `umi build`

weixin_43865681的博客

07-15

1297

npm error

使用umi build 出现Path must be a string

流浪猫

01-29

380

最近刚开始学习reactjs。用到了umi，按照步骤出现Path must be a string问题。网上发现一个解决方法转自： https://blog.csdn.net/qq_38763540/article/details/104774956?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2&utm_source=distribute.pc_relevant.none-task

Can‘t resolve ‘antd/es/style/themes/default.less‘ in ‘.umi\plugin-layout\layout

qq_31666019的博客

10-17

1493

出现这个报错的原因是因为使用了antd最新版本V5，试着把antd最新版本先卸载，然后再把版本降低到V4.1.3，最终成功。第二步：yarn add antd@4.1.3。第一步：yarn remove antd。

umi-plugin-mobx:in在umijs中正常使用mobx-state-tree

03-21

将插件添加到.umirc.js文件中，以忽略名为stores或其他自定义名称的模型文件夹，您需要安装umi-plugin-routes告诉umi忽略它们。安装umi-plugin-routes 。 yarn add umi-plugin-routes // .umirc.js export ...

umi-plugin-apollo:umi的Apollo graphql插件

05-06

设置umi-plugin-react ，添加umi-plugin-apollo插件： // .umirc.js export default { plugins : [ [ 'umi-plugin-react' , { routes : { exclude : [ / schema \. ( js | jsx | ts | tsx ) $ / , / ...

ant-design-pro-V5-multitab:基于 ant design pro V5 版本实现多标签切换基于umi插件 umi-plugin-keep-alive 实现（目前只支持layout

05-25

ant-design-pro-V5-multitab 基于 ant design pro V5 版本实现多标签切换基于umi插件 umi-plugin-keep-alive 实现（目前只支持layout: "side"模式， fixedHeader: true,）

umi build 报错 Path must be a string.

qq_43658876的博客

11-20

2290

原因 umi版本错误导致解决办法：升级到umi3 第一步：修改 package.json 将 { "devDependencies": { "umi": "^2" } } 修改为 { "devDependencies": { "umi": "^3" } } 第二步：升级 umi-plugin-react 先在 package.json 中修改依赖，将 { "devDependencies": { "umi-plugin-react": "^1" } } 修改

umi启动报错

Aguai229的博客

07-29

4006

添加umi-plugin-插件后，使用umidev命令启动报错

使用umi脚手架来初始化React项目

wwf1225的博客

02-16

3402

使用umi脚手架来初始化React项目：使用umi脚手架来初始化React项目 - 简书一、开发环境首先，请安装NodeJS。NodeJS 是一个 JS 执行环境，umi 基于 JS 编写，并且需要在你的开发机上运行，所以依赖于它。安装完成后，执行下面的命令确认是否安装成功。 node -v npm -v 在 umi 中我们采用了一些 NodeJS 的新特性，请确保你的 NodeJS 版本大于等于 8.5.0。在国内，你可以安装cnpm获得更快速、更安全的包管理体验。使用如下命.

react与umi

weixin_30762087的博客

09-26

1585

我们知道umi 是一个编译工具，但它同时也是一个前端框架。它对社区的 webpack，react-router 等进行的封装，使得我们可以基于它快速搭建一个 React 项目。第一步：安装umi 第二步：创建目录，并写入配置在 umi 中，约定的存放页面代码的文件夹是 pages，是复数，不过我们可以添加 singular 为 true 来让 page 变为约定的文件夹。接下来让我们...

使用Umi搭建React项目

owo_ovo的博客

12-18

2539

使用Umi搭建React项目

umi build报错：TypeError: Cannot read properties of undefined (reading ‘toLowerCase‘)

weixin_48092226的博客

11-24

3675

umi项目打包时报错：原因时样式文件中出现了没有赋值的样式自测了一小部分样式，目前只发现margin、padding没有赋值时打包会报这个错误解决办法：如果代码仓库运行且打包是正常的就将本地开发的代码和分支上的代码进行比对，否则只有一个个去找（不知道广大码农们还有没有什么好办法）预防措施：在写代码时开启eslint检查，如果代码有问题或者不符合规范则会在编辑器中报出来 ...

umi使用plugin引入外部资源报错

刘珈佚的博客

12-16

1638

在HTML尾部添加脚本应该是api.addHTMLScripts 官网文档的实例代码写错惹

创建umi+react项目

quietbxj的博客

09-19

1562

随着前端开发中使用node，前端就可以开发模块化和大型化的项目，本文结合umi+react来创建前端项目。创建步骤初始化：tyarn init -y 添加umi：tyarn add umi --dev 创建config/config.js全局配置文件--export default {}; 创建src/pages/HelloWorld.js等页面添加umi-plugin-react插件：tyarn add umi-plugin-react --dev或者tyarn add @umijs/p

提升 Chrome 使用效率的 30个快捷键、16个扩展插件与 11个前端调试方法

前端开发博客

03-04

358

给「前端开发博客」加星标，每天打卡学习长按二维码即可识别“进入网页”查看哟~1、提升 Chrome 使用效率的 30个快捷键、16个扩展插件与 11个前端调试方法如果你要用一种工具用...