japlus的博客

摘要：在环境配置中出现问题，原因是rule中重复配置了两个vue-loader，导致冲突。解决方法很简单，只需删除其中一个vue-loader配置即可。这种情况通常发生在项目配置被多次修改或不同配置被叠加时，保持配置简洁性很重要。

websocket 先连接成功，然后断网。由于维护了一套心跳机制，前端发起心跳，如果一段时间内没有收到服务端返回的心跳。则表示连接断开。用心跳的方式处理断网的兜底情况。然而，此时网络是断开的，在代码中直接调用websocket.close() 方法，会发现，websocket.readyState 会一直在状态，等很久也不会触发onclose 回调。只有网络通的时候才会触发 websocket onclose。这样会触发不了我的重连逻辑。因为重连逻辑做在onclose 回调里面。

去掉 require('xxx.png').default 中的default即可

使用了 rspack.config 中的 experiments.css:true（默认）自带的css 解析器貌似有bug，在保存的时候，不会热更新样式。关闭experiments.css: false。

删除node_modules删除package-lock.jsonnpm i上面执行了后还是不行。

vue3-styled-componets 中有 inject('theme') 为undefined。在最外层 provide('theme','');在低版本浏览器（chrome 49）中会造成死循环。

swc还不是很稳定。在swcrc 中有配置plugins 时，swc 转换 /node_modules/ 会报错。

node版本太低vue@3.2.x 在@vue/compiler-sfc 中加了私有类方法，在node12 下报错。使vue-loader 捕获到报错后触发日志。

模块循环引用导致

computed 的变量，在jsx中使用时未.value 导致。

vue SFC 提供了方便的同事，对于ts的支持在这里就不太行了。比方我在vue SFC 文件中导出一个函数如下在其他文件中引入但是代码可以正常运行。也就是.vue 文件中导出的东西是正常的。

【代码】win10 cargo install wasm-pack失败。去官网下载：wasm-pack 安装包运行即可

在Vue3 环境中用@vue/babel-plugin-transform-vue-jsx 就会导致onClick 事件失效Vue2 用 @vue/babel-plugin-transform-vue-jsx 插件Vue3 用@vue/babel-plugin-jsx 插件

执行到 await puppeteer.launch 会卡住。安装对应版本的puppeteer解决。

HTML设置了 draggable="true"属性的元素无法拖动