gswwxyhk的博客

安装npm i umi -g项目目录md umi-appcd umi-app生成页面生成首页umi g page index启动umi dev再创建一个页面aboutumi g page about动态路由再创建一个页面users/’$id’umi g page users/'$id'动态路由取值export default ({match}) => { return ( <div> <h1 className={s

记录：vscode提示对修饰器的实验支持是一项将在将来版本中更改的功能。设置 “experimentalDecorators” 选项以删除此警告。ts(1219)解决：

Unhandled Rejection (TypeError): _form2.default.create(…) is not a function原因：antd 版本为4.x更新了3.x的Form.create方法解决：安装antd3.x即可

umi2通过注释扩展路由/*** title: About Page* Routes:* - ./routes/PrivateRoute.js*/umi3中不生效，改成直接给页面组件加属性import React from 'react';import styles from './about.css'; function about(){ return ( <div> <h1 className={styles.title}>Page

import Link from ‘umi/link’报错Module not found: Can't resolve 'umi/link' .......更改为import {Link} from ‘umi’

嵌套路由umi g layout ./users更改为umi g page users/_layout并且 修改layout.js代码import React from 'react';import styles from './_layout.css';export default (props) => { return ( <div> <h1 className={styles.title}>Page users/_layout</h

记录bug:执行npm run eject 报错：Remove untracked files, stash or commit any changes, and try again.解决方法：git initgit add . git commit -m 'init project' npm run eject

项目报错：To import Sass files, you first need to installnode-sass.Run `npm install node-sass` or `yarn add node-sass` inside your workspace.Require stack:解决方案：1.cnpm install sass-loader node-sass --save-dev2.找到node_modules/react-scripts/config/webpa

ValidationError: Invalid options object. Less Loader has been initialized using an options object that does not match the API schema.options has an unknown property ‘source’. These properties are valid:object { lessOptions?, additionalData?, sourceMap?,

0eject（ 弹射） 命令做的事情， 就是把潜藏在 react- scripts 中的一系列技术栈配置都“ 弹射” 到应用的顶层， 然后我们就可以研究这些 配置细节了， 而且可以更灵活地定制应用的配置。1react-scripts 是 create-react-app 的一个核心包，一些脚本和工具的默认配置都集成在里面，而 yarn eject 命令执行后会将封装在 create-r...