vite Uncaught ReferenceError: require is not defined

优先通过修改源代码来解决；修改后记得重启，有的依赖需重新处理 其次通过预构建或 CommonJS 插件处理； 为了解决这一问题，我对搜索到的数个 CommonJS 插件进行简单地试用，最终基于成熟、可靠、全面等几方面的考虑，采用 @rollup/plugin-commonjs 。 import comm...

TypeError: Cannot read property 'javascript' of undefined + terser webpack plugin + react js

Hi you are using Webpack 4 and Terser ^5.0.0 . This version of Terser is for Webpack 5, you need to set version "terser-webpack-plugin": "^4.2.3", in pa...

javascript：类型’Readonly <{children？：ReactNode;不存在属性’XYZ’； }>

interface IRecipeProps { ingredients?: string[]; title?: string; img?: string; instructions?: string; } interface IRecipeState { } class Recipe extends...

element table表格闪动

1. el-table 增加99.9%的宽度 2. .el-table__header,.el-table__body,.el-table__footer{ border-collapse: collapse!important; } 3. 将表格外层元素的width宽度减去滚动条的宽度就解决了 类似这...

React 性能优化之组件动态加载（react-loadable）

React 项目打包时，如果不进行异步组件的处理，那么所有页面所需要的 js 都在同一文件中（bundle.js），整个js文件很大，从而导致首屏加载时间过长。 所有，可以对组件进行异步加载处理，通常可以使用 React-loadable。 React-loadable 使用 例如，对于项目中的deta...

update-ca-certificates 命令找不到

n Ubuntu Docker Container 1- apt-get update 2- apt-get install ca-certificates -y 3- update-ca-certificates

Vue3 对比 Vue2.x 差异性、注意点、整体梳理，与React hook比又如何？

Vue2.x 到 Vue3 详细对比 2.1 生命周期的变化 Vue2.x Vue3 beforeCreate 使用 setup() created 使用 setup() beforeMount onBeforeMount mounted onMounted beforeUpdate onBeforeU...

pm2如何实现的多进程

Node.js的Cluster多进程模式。 PM2的实现原理，它是基于Cluster模式的封装。 Node.js，都是以单线程的方式运行的，因此，在多核心处理器的系统中并不能发挥其最大的性能。 Node.js的cluster模块 幸运的是，Node.js给我们提供了cluster模块，它可以生成多个工作...

Redux异步解决方案Redux-Thunk

function createThunkMiddleware(extraArgument) { return function thunk(store) { return function (next) { return function (action) { // 从store中结构出dispatch...

Redux的reducer为什么不能有异步操作

回顾Redux设计和使用的三大基本原则 单一数据源 ，也就是store中的 state是唯一的 state 是只读，Redux并没有暴露出直接修改state的接口，必须通过action来触发修改(即： 只有store能改变自己的state ) reducer必须是纯函数 Redux的设计初衷 先从Red...