爱开车的彬哥的优快云博客

解决办法如果你的 html-webpack-plugin 版本与 webpack 版本不一致，将 html-webpack-plugin 先 remove ,再 install 跟 webpack 一样的版本。

在React开发中，我们可能经常会遇到这个一个警告：Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application.我们不能在组件销毁后设置state，防止出现内存泄漏的情况关于react中切换路由时报以上错误，实际的原因是因为在组件挂载（mounted）之后进行了异步操作，比如ajax请求或者设置了定时

介绍Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。缘由Hook的初衷是为了解决原本无状态组建需要使用state, 必须改造为class这个痛点。useStateimport React, { useState } from 'react';function Example() { // 声明一个叫 "count" 的 state 变量 const [count, setCount] = useSt

该配置适用于由 create-react-app 脚手架构建的项目，找不到 webpack.config.js 需要先 npm run eject 释放配置文件alias: { // Support React Native Web // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/ 'react-native': '

配置目标在开发过程中经常在node环境中配置 process 配置以判断开发环境，除了 process.env.NODE_ENV 在vue中获取，由于浏览器脱离了node环境使得无法使用node中的一些模块，包括 process等信息，在浏览中获取process 对象会得到一个奇怪的对象。plugins 配置webpack 提供了一个 DefinePlugin 的插chaji...

在vue中引用// vue文件中引入echarts工具let echarts = require('echarts/lib/echarts')require('echarts/lib/chart/line')// 以下的组件按需引入require('echarts/lib/component/tooltip') // tooltip组件require('echarts/li...

默认格式化添加分号编辑 setting -> users -> settings.json//去掉JavaScript 自动添加分号"vetur.format.defaultFormatter.js": "vscode-typescript",.vue 文件组件自动换行 "vetur.format.defaultFormatterOptions": { "j...

使用官方推荐的脚手架create-react-app myapp暴露webpack 配置cd myapp && yarn eject//按提示输入 yyarn run v1.16.0$ react-scripts ejectNOTE: Create React App 2+ supports TypeScript, Sass, CSS Modules and mor...

优化目的当项目路由和组件文件变多，在开发时的 hot reload 变得缓慢，和 react native 真机调试有的一拼，严重影响到开发效率。定义组件 improt 和 require 方法使用插件 dynamic-import-node添加npm依赖到 --save-dev ,npm install babel-plugin-dynamic-import-node --save...

使用 element-ui 去遍历路由做侧边栏，eslint 检测出现一个错误 ⚠️Vue : Custom elements in iteration require ‘v-bind:key’ directives.<template v-for="(item,index) in $router.options.routes" v-if="!item.hidden"> ...

问题:Access-Control-Allow-OriginAccess to XMLHttpRequest at 'http://127.0.0.1:3000/api/xxx?page=1' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origi...

环境要求nodejsgit脚手架选择这里选择推荐的官方出品的脚手架,在github上有52kstar， react脚手架 create-react-app地址在git中使用npm全局安装create-react-app脚手架npm install -g create-react-app查看帮助 create-react-app -h Usage...

首先需要安装node.js环境和npm--node包管理工具；这步略过；确保电脑已经安装好了这两个配置；在国内网络安装npm速度很慢，这里我全局 -g安装了淘宝的镜像，加载依赖包的速度会快很多。然后使用cnpm替代npm。全局安装vue的命令行工具vue-cli;安装输入vue命令 出现选项 --完成如下图；其中常用的是init命令用于初始化项目；在你的工作...

elementui是一套非常好用的ui框架，经常用于与vue搭配使用。其中有一个table组件，以下对其排序属性做下笔记。为了简洁我就写在注释里了。 <script src="//unpkg.com/vue/dist/vue.js"></script><script src="//unpkg.com/element-ui@2.0.11/lib/index....

在安装完Package Control插件之后，用使用CTRL + SHIFT + P快捷键调出面板，输入package control或者install联想调出 选择Package Control:Install Package 搜索prettify 选择HTML-CSS-JS-Prettify,点击安装 安装完成之后打开配置文件 set node path： 在配置文件gl...

在入口文件main.js中定义vue属性值：let a = { b:'bbb', c:'ccc'}Vue.prototype.$http = axios;Vue.prototype.$host = 'http://idol.fibonacci-tech.com/';Vue.prototype.$moment = moment;Vue.prototype.$a = ...