ant design pro pages 或 page 目录下的页面才能插入资产

最新推荐文章于 2025-04-01 11:33:36 发布

woliwa1

最新推荐文章于 2025-04-01 11:33:36 发布

阅读量3.6k

点赞数 1

文章标签： web

本文链接：https://blog.youkuaiyun.com/woliwa1/article/details/105858660

版权

ant design pro新建模块 + 添加区块
提示： pages 或 page 目录下的页面才能插入资产
在项目终端输入：

BABEL_CACHE=none npm start

可以解决！

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

woliwa1

关注关注

1
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

dva+antd+react项目，在antd pro的脚手架的基础上实现订单的增删改查

青红造了个大白之成长记

06-09

4791

效果图：该实例是在antd pro 的项目环境下修改实现：https://pro.ant.design/docs/getting-started-cn 添加订单页面：订单列表页面： antd pro这个脚手架是使用分层架构，来层层实现数据传递，pages存放页面，从页面获取数据传递到models层，然后再models中调用services的异步请求接口数...

二、Ant Design Pro 布局、菜单、新增页面、CSS Modules和services

rocktanga的博客

11-16

2861

一、开发 1、区块(block) 区块是研发资产的一种，它是一系列快速搭建页面的代码片段，它可以帮助你快速的在项目中初始化好一个页面，帮助你更快速的开发代码。当前的区块都是页面级别的区块，你可以理解为它是一些项目中经常会用到的典型页面的模板，使用区块其实相当于从已有的项目中复制一些页面的代码到你当前的项目中以前开发一个页面：创建 JS -> 创建 CSS -> 创建 Model -> 创建 service -> 写页面组件。现在开发一个页面：下载区块 -> 基于区块初

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

【已解决】antdpro使用umi报“只有pages 或 page 目录下的页面才能插入资产”的问题

数据大牛的博客

05-12

6200

问题复现问题说明我的理解是umi没能试别到pages目录下的新建子目录，所以不能插入区块导致。解决方案官方issues 说<用BABEL_CACHE=none npm start解决>的都是扯，至少我的是不行。只能拿出我的大招了！ (临时方案)解决方案其实很简单：重启，重启页面才会生效！！！！！ (最终方案)等待官方解决此问题吧.... ...

Ant Design Pro：只有 pages 或 page 目录下的页面才能插入资产。【问题已解决】

Yooao的博客

07-17

2245

问题：只有 pages 或 page 目录下的页面才能插入资产。【已解决】

ant design Pro组件的使用---ProTable的核心和进阶使用

最新发布

2303_81135627的博客

04-01

1523

ProTable 是 Ant Design Pro 提供的一个高级表格组件，它基于 Ant Design 的 Table 组件进行了扩展和封装。ProTable 提供了更多便捷功能，如数据请求、列配置、批量操作、搜索表单等，使得在 React 应用中创建和管理复杂表格变得更加简单和高效。它特别适合用于企业级后台管理系统的数据展示和操作。

【AntDesignPro V5】只有pages 或 page 目录下的页面才能插入资产

年三十的博客

01-26

388

最近在着手使用AntDesignPro这个框架，使用umi气泡创建区块时遇到这个问题，我尝试了两个办法可以解决此问题第一种（网友回答）直接在index.tsx里面return的标签容器中，添加一个a标签即可生效（没探究缘由，但确实生效）第二种（github中issues回答，推荐）设置环境变量处理，在package.json文件中使用cross-env添加命令，执行yarn nocache即可生效 "nocache":"cross-env BABEL_CACHE=none umi d.

ant design of react 学习日记-2019-3-6

hq091117的博客

03-06

258

由于最近新公司项目有需要写前端，而且用的是ant Design of React的框架，对于我这种没有前端基础的人来说确实是一个大的挑战，没办法，赶鸭子上架，赶紧学习起来吧，没有时间去学前端的基础css,js（当然css,js多多少少是知道点的）所以直接学习这个框架的使用吧，首先安装node.js和npm，这个不多说，百度一大堆，安装node就会安装好npm，网上有说要配置什么环境变量的，我没...

react-antd-landing-page:使用React和Ant Design制作的登录页面

05-28

在本项目"react-antd-landing-page"中，开发者利用React和Ant Design库构建了一个功能齐全的登录页面。Ant Design是流行的UI框架，为React应用提供了丰富的组件和样式，简化了前端开发工作。以下是关于这个项目及其...

ant design入门_Umi + ant Design Pro最简单的入门教程（一）初

weixin_42202078的博客

01-12

2533

前言umi，中文可发音为乌米，是一个可插拔的企业级 react 应用框架。这个库入门的门槛比较高，umi是这个样子的，umi = react + redux + react-router + ts + dva + umi脚手架 + ant Design Pro + ant Design UI + umi-block。如果你没有丰富的react基础你来学习他或者是看懂它，那将是很困难的一件事，本博客...

Ant Design 与 Ant Design Pro

fechinchu的博客

02-07

9464

02-Ant Design #1.ReactJS 1.1.分层上图中，左侧是服务端代码的层次结构，由Controller,Service,Data Access三层组成服务服务端系统。右侧是前端代码的结构，同样需要进行必要的分层： Page负责与用户直接打交道：渲染页面，接受用户的操作输入，侧重于展示型交互性逻辑； Model负责处理业务逻辑，为Page做数据，状态的读写，变化，暂存等； ...

零、Ant Design Pro 开始

JimmyTsai75的博客

01-01

2986

第一次采用ProLayout的时候也担心会不会不够灵活，比如我需要修改折叠按钮（collapsed）的位置能不能实现，带着这种猜疑，我进入官网，我的担心立刻解除，他们竟然直接就有了类似的demo: （可以进入以下网址，查看具体示例代码）https://procomponents.ant.design/components/layout#%E8%87%AA%E5%AE%9A%E4%B9%89%E7%9A%84-collapsed。

Antd pro探索与实战（一）新增页面

nitian379381的博客

12-29

3220

antd pro是蚂蚁金服团队开发的一个开箱即用的中后台解决方案，而且不得不说这个框架对小白来说真的很友好，本人接触之前没看过react，redux，dva什么的，但是在边看边改的过程中发现这个框架真的很好上手，也是一本很好的“教科书”。现在我把这一个月来学到的东西整理下，希望能帮助到大家~ 开始师兄交给我的工作是用这个框架复现之前做过的一个教育局系统，所以下面的讲解也是基于复现这个系统所做的工作...

问题：Umi UI 区块无法预览解决方式

sinat_33248260的博客

06-17

3872

Umi UI 区块无法展示解决方式 F12查看log 发现报错都是https://raw.githubusercontent.com 开头的文件百度了一下说是域名被DNS污染了，具体啥意思我也不太明白￣□￣｜｜解决方法：修改host配置文件 hosts地址：C:\Windows\System32\drivers\etc 在hosts下增加如下代码让raw.githubusercontent.com 指向 ip为 151.101.64.133 的url 最后刷新Umi..

Page[pages/index/index] not found.

syy_666的博客

09-29

1万+

出现的问题：1 Page[pages/index/index] not found. May be caused by: 1. Forgot to add page route in app.json 第一步：出现改提示的时候先确认app.json中是否已经添加路由，如未添加，先添加路由；未解决进行第二步：解决办法:需要在每个.js文件中加入page(),以用来生成一个页面实例对...

一起玩react 10分钟带你入门ant-design-pro

热门推荐

一步一个脚印

01-02

3万+

前言这篇文章主要根据自己最近一个月从学习react到最近实际使用ant-design-pro，谈一谈自己的使用心得，个人见解有误的地方望大家指正！1、为什么要选择ant-design-pro？其实我来目前公司之前，公司前端技术栈是vue+vuex+elementui+axios，但是奈何公司前端利用vue做出来东西表现确实一般，更重要的是代码有点乱，用我自己的话说就是野路子太多（当然野路子多会很方便

ant-design-pro使用总结

xuchaoyu的博客

05-17

1538

ant-design-pro的整个框架结构 ├── mock # 本地模拟数据 ├── public # 存放公共资源 ├── src │ ├── assets # 本地静态资源 │ ├── common # 导航信息和路由的配置 │ ├── comp...

3.Ant Design Pro V2 开启登录

Gskull的博客

12-06

2705

废话不得不吐槽下我的领导，让我两个月内同时做4个项目，项目计划上时间是重叠的，真是要人命了从需求沟通=》项目报价=》原型绘制 =》项目计划=》数据库设计=》系统设计 =》前端开发=》后端开发=》数据库开发 =》SIT测试=》UAT测试=》部署上线除了签合同收钱以外的工作全是我一个人做，天呢，4个项目，我感觉自己快死了我这要是把这4个项目都顺利交付了我都佩服我自己其中用...

Ant Design Pro

qq_37642495的博客

04-17

354

收藏几个今天查询用到的网址，留给自己用，也希望可以帮助需要的人 Ant Design Pro案例展示： https://preview.pro.ant.design/profile/basic Ant Design Pro总结篇: https://www.codercto.com/a/26106.html Ant Design Pro学习笔记: https://www.jianshu.com/...

Ant Desing Pro2.0(二)新增页面

weixin_33985679的博客

03-12

699

1.参考资料参考ant design pro 参考DvaJs 2.目录地址 Ant Desing Pro2.0(一)项目初始化 Ant Desing Pro2.0(二)新增页面 Ant Desing Pro2.0(三)设置代理 Ant Desing Pro2.0(四)与服务端交互 1.新增页面 1.1 在src->p...

antdesign 新增页面_ant design pro 新增页面

06-01

Ant Design Pro 是一个企业级的 UI 设计语言和 React 实现，它提供了丰富的组件和模板来帮助开发人员快速构建高质量的 Web 应用程序。如果你想在 Ant Design Pro 中新增页面，可以按照以下步骤进行： 1. 在 src/pages 目录下创建一个新的页面文件夹，比如说 myPage。 2. 在 myPage 文件夹中创建一个新的页面文件，比如说 index.js。 3. 在 index.js 中编写页面的代码，可以使用 Ant Design Pro 提供的组件和模板。 4. 在 src/config/router.config.js 文件中添加路由配置，指定新页面的路径和组件。例如，如果你想新增一个名为 MyPage 的页面，可以按照以下步骤进行： 1. 在 src/pages 目录下创建一个名为 MyPage 的文件夹。 2. 在 MyPage 文件夹中创建一个名为 index.js 的文件。 3. 在 index.js 中编写页面代码，比如说： ```jsx import React from 'react'; const MyPage = () => { return ( <div> <h1>This is my page!</h1> </div> ); }; export default MyPage; ``` 4. 在 src/config/router.config.js 文件中添加路由配置，比如说： ```jsx { path: '/my-page', name: 'MyPage', component: '@/pages/MyPage', } ``` 这样就完成了在 Ant Design Pro 中新增一个名为 MyPage 的页面。