![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 63
奔跑的痕迹
I like to learn new technologies every day and I am willing to constantly improve myself.
展开
-
使用umi+dva做一个demo
最初只是使用react 进行开发项目,发现项目过大状态管理起来就相当困难,虽然有redux, mobx,但是使用起来还是相当繁琐,而目前umi有现成的轮子使用简单,当然愿意尝试了,趁现在假期有时间简单学习记录一下文章目录一、安装umi二、首页三、路由配置四、鉴权五、mock六、models六、login七、test一、安装umi还是原来的套路,要使用先是安装一伙$ npx @umijs/create-umi-app // if use npm好了命令执行完成后目录是这样的好接下来该开始着.原创 2021-06-14 21:52:34 · 774 阅读 · 0 评论 -
antd 在webpack.config配置主题色
虽然官方提供了craco-less 来 覆盖less-loader 提供的 less 变量,但自己也想试着修复config来配置一下首先需要运行 yarn eject 来暴露webpack的配置其次需要安装less-loader(注意这个需要在3以下) 和 babel-plugin-importyarn add less@^2.7.3yarn add babel-plugin-import然后打开webpack.config.js一、配置babel全局引入antd.css在对应的 tes.原创 2021-01-03 21:27:05 · 1387 阅读 · 0 评论 -
react eject提示This git repository has untracked files or uncommitted changes:
欲将react webpack 配置暴露出来老是提示This git repository has untracked files or uncommitted changes:Remove untracked files, stash or commit any changes, and try again.D:\react>yarn ejectyarn run v1.22.10$ react-scripts ejectNOTE: Create React App 2+ supports原创 2021-01-03 21:25:43 · 369 阅读 · 0 评论 -
react 代码自动格式化
咦写了几行代码发现保存后没有被格式化?import React from "react";import {Row,Col } from "antd";export default class Header extends React.Component{ render(){ return ( <div className="header"> <Row className="header-top"> <Co原创 2021-01-03 21:23:54 · 2592 阅读 · 2 评论 -
nodejs和npm升级版本与切换
由于服务器环境的不同可能需要根据实际情况升降对应的nodejs 及npm 版本,最简单的例子就是 npx 只适用于 npm 5+ 看想用npx 那不升级咋办呢一、升级nodejs首先是升级nodejs下载一个gnvm.exe(百度网盘提取码:bljh)放到nodejs 安装目录如:直接 cmd > gnvm update latest当然linux 可也是用二、升级npmnpm 升级比nodejs 简单 直接运行 npm install npm@latest -g即可这可以自.原创 2021-01-02 08:22:48 · 4158 阅读 · 0 评论 -
Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions.
运行项目是提示Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions.原来是babel版本兼容问题修改为 "devDependencies": { "babel-core": "^6.26.0", "babel-eslint": "7.2.3", "babel-loader": "^7.1.2", "babel-plugin-t原创 2020-11-15 20:22:26 · 1158 阅读 · 0 评论 -
Cannot read property ‘type‘ of undefined Occurred while linting **\index.jsx:1
今一个react 中使用mobx 老是提示Cannot read property 'type' of undefined Occurred while linting **\index.jsx:1头疼起初是认为是 @observable的问题,于是修改了整个js将:export default class AppState { @observable count = 1 @observable name = 'jack' @computed get msg() { re原创 2020-11-15 20:21:23 · 2466 阅读 · 0 评论 -
Must use destructuring props assignmenteslint
eslint 检测提示Must use destructuring props assignmenteslint使用对象结构就可以解决了原创 2020-11-15 12:18:17 · 5672 阅读 · 0 评论 -
Experimental support for decorators is a feature that is subject to change in a future release. Set
错误提示Experimental support for decorators is a feature that is subject to change in a future release. Set看着这一片的错误提示很难受修改方法:File > Preferences > Settings输入 > tsconfig.js将 Experimental Decorators 项勾选上就OK了...原创 2020-11-15 12:13:53 · 1667 阅读 · 1 评论 -
Typo in static class property declarationeslint
eslint 检测提示 Typo in static class property declarationeslint找了半天原来是propTypes 写成了PropTypes (就是一个首字母大写导致的)原创 2020-11-15 12:08:00 · 689 阅读 · 2 评论 -
TypeError: Cannot read property ‘make‘ of undefined
这搞个html-webpack-plugin插件进来运行就一大篇报错尴尬看了一圈又是版本兼容的问题,做下修改。。。。OK 运行成功原创 2020-10-21 20:57:58 · 579 阅读 · 0 评论 -
Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
"webpack": "^3.4.1" "webpack-dev-server": "^2.9.7"原创 2020-10-21 20:57:40 · 238 阅读 · 0 评论 -
Error: webpack.optimize.CommonsChunkPlugin has been removed
最近使用webpack 进行react 依赖抽离时发现原本的webpack.optimize.CommonsChunkPlugin已经不能使用了打包时提示Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead....原创 2020-05-02 21:17:21 · 2301 阅读 · 0 评论