## 事件

7月26日，浙江嘉兴某小区内，一名快递小哥与客户发生争执，使用折纸刀在客户家门口将客户脖子捅伤，虽然后续显示客户仅轻伤，不会危及生命，但该快递小哥恐将难逃入狱的法律制裁。

在后续披露的信息中显示，该客户存在“仅退款”、“买A退B”等撸羊毛行为，该行为侵害了卖家店铺利益，店铺维权认为快递公司应该赔付，快递公司因此安排快递小哥上门确认，但客户拒不出面，快递小哥为了逼迫客户出门，关了客户水闸，因此有了后续的门口争执并引起人身冲突。

> 截至本文编写时，网络披露的事件内容大致如此，更多信息请自行了解~



## 老狗随想

前排提示：*以下判断建立在事件内容如上文所述，如果事件事实与上文相距甚远，那么下方判断就需要推翻了，请读者理智阅读！*

### 客户：戴着眼镜的懒蛤蟆

在这起事件中，客户很明显存在不道德行为，如果涉及数额较大，甚至构成欺诈、诈骗等违法行为，即便不构成违法，老狗对其不道德行为也带有强烈的鄙视情感。

众所周知，戴眼镜一般是被视为读书人的象征，尤其是30/40+的中年人，在那个年代这种象征意义是更甚，然而事件中的行为出现在一个戴眼镜的中年男人身上，这简直是对那个年代“读书人”的侮辱。（`哪怕是他媳妇干的事，该男子的后续行为也有过之无不及，真是应了那句：“不是一家人不进一家门”！`）

### 快递小哥：错误的行为导致的冲动犯罪

回到事件冲突的起因，直接原因应该是快递小哥的一个错误行为：关水闸。那么为什么这位快递小哥会出此下策？

视频中以及后续网络信息还显示，快递小哥接到任务，为了与该客户见面解决问题，在客户家门口等待了数个小时，甚至点了外卖在客户门口吃，然而却始终没有等到客户现身。可能就是快递小哥等待的这数个小时中，现场发生了什么让快递小哥认为“客户在家但却谎称不在家”，为了逼迫客户出门当面解决问题，快递小哥最终做出了私自关闭客户家的水闸的错误行为（`至于是关闭一家还是一个楼层的所有水闸，影响不大，总之这是个错误行为`）。

这个行为果然逼迫客户出门见面，但由于该错误行为引起了客户的强烈不满，见面的结果并不是解决问题，而是矛盾升级（`也可以说降级`）。至此，**客户、快递、商家的矛盾，演变为客户与快递小哥的个人矛盾**，也正是由于这不起眼的矛盾演变，最终引起了不可挽回的肢体冲突。

那么，是什么让快递小哥坚持了数个小时仍然不肯放弃这个任务呢？老狗认为原因有很多，比如：不知变通、工作考核、生活压力、责任感等等，这些原因的共同作用，让这个快递小哥不肯/不能放弃这个任务。

> 其实从现场视频可以看出，快递小哥的言行举止并无过激行为，当然 `无过激行为` 的原因可能是畏惧女客户的摄像机，怕被抓住把柄。但无论如何，快递小哥显然是想好好说话的，而视频中的客户夫妇却是那么不依不挠，甚至大嚷大叫，这无疑形成了强烈的对比。

### 何解？无解。

正常解决问题的思路：发现问题 -> 解决问题。

根据老狗的分析，该事件发生的根本原因就是 **客户、快递、商家的矛盾，演变为客户与快递小哥的个人矛盾** ，既然发现了问题，接下来就是要解决问题，那么怎么解决呢？

请有好的想法的各位读者，在评论区分享你的见解吧！

老狗认为，这件事无解！为什么？因为 `将集体矛盾转化为个人矛盾` 是整个郭家的做法，这不是一个行业、一个企业、一个人的问题，而是所有行业、所有企业、所有人的问题，你在这里问如何解决这个问题，就好比问：**我全身都是癌细胞，我该如何治疗癌症？**

请问：**全身癌细胞扩散的人，如何救？**

快递小哥抹脖子事件：责任推诿的必然结果

使用Flutter开发移动端应用，如果使用 `image-cropper` 插件开发图片裁剪功能，裁剪页面得页头在Android新版本上，大概率会与系统通知栏重合，在一些机型上可能导致无法点击确定等按钮得情况。

由于在老板Android上没有该问题，所以可以直到大概率是由于Android新版本适配问题。

> 前排提示，本文参考： https://github.com/hnvn/flutter_image_cropper/issues/570 内容



## 临时解决办法

现在有一个解决方案，不过需要自行进行一些配置；

1. 更新 `image-cropper` 版本到 `9.1.0+`；
2. 在 `android/app/src/main/res/values/style.xml` 文件得 `<resources>` 中添加如下配置
```xml
 <style name="Ucrop.CropTheme" parent="Theme.AppCompat.Light.NoActionBar"/>
```
3. 在 `android/app/src/main/res/values-v35/styles.xml` 中添加如下配置（*如果没有这个文件夹和文件，自行新建即可*）:

```xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
  <style name="Ucrop.CropTheme" parent="Theme.AppCompat.Light.NoActionBar">
      <item name="android:windowOptOutEdgeToEdgeEnforcement">true</item>
  </style>
</resources> 
```
4. 最后更新 `AndroidManifest.xml` 文件，将原来的裁剪主题配置值从 `@style/Theme.AppCompat.Light.NoActionBar` 替换为 `@style/Ucrop.CropTheme`，结果如下：

```xml
<activity
            android:name="com.yalantis.ucrop.UCropActivity"
            android:screenOrientation="portrait"
            android:theme="@style/Ucrop.CropTheme"/>
```

通过上述配置后，重启项目即可修复通知栏与页头重合问题，但经过老狗的实际使用，发现虽然问题解决了，但在裁剪页面通知栏得背景是白色，文字也是白色，这就有点不和谐了，目前还不知道如何进一步修复通知栏颜色的问题，如果你知道更多，欢迎评论交流啊！

Flutter-image-cropper 图片裁剪组件，在Android上与通知栏重合问题解决方案

## 起因

老狗有一个使用 `nuxt3` 开发的全站项目，起初一切都是正常的，直到老狗为其增加了博客功能。

增加博客，老狗采用的是 `@nuxt/content` + `markdown文件` 的方式，因为其简单通用，直接从原有项目中拿一套代码过来既可开始使用。

但这次的使用，不知道为什么提示 使用 `@nuxt/content` 必须安装 `better-sqlite3`，老狗看了原有项目，是没有安装该依赖的，但不知为什么，这次提示必须安装，好吧那就安装（虽然不知道是不是安装这个依赖的问题，但是这缺失是一个反常点，所以记录一下）。

安装调试一切正常，开始打包，然后就出现问题了。



## 异常现象

由于老狗习惯使用docker构建镜像部署，所以一如往常开始构建，但这测构建异常的慢，刚开始老狗以为这只是国内网络环境的正常现象（懂得都懂），但经过各种尝试后，发现事情不对劲！

每次都会在执行 `npm run build` 时卡住！且有一次甚至等待超过半小时，还是没完成！！！！！！！！！！

查看构建日志，发现其实 `build` 已经成功了才对！因为已经输出了下面的日志，但不知道为什么，也是每次都在输出这段日志后，就“**永远**”地卡住了！！！

```log
✔ You can preview this build using node .output/server/index.mjs 
```

后续我尝试本地开发环境运行 `npm run build` ，也是出现了一样的问题！去网上查资料，没有找到任何相关资料。。。

没办法，只能自己排查解决了。

## 草草了事（解决不了问题，就解决提出问题的人👻）

但无论如何查看日志，也都一切正常，所以这看起来并不是什么简单的问题了，没办法，老狗只能思考最近对项目做了什么（因为这次开发工作前，打包还是正常的），思来想去，也只有可能是因为博客功能相关的改动，而涉及项目底层的，也可能是 `@nuxt/content` `better-sqlite3` 这两个依赖了。

排除掉所有不可能，那剩下的唯一选项就是真相！

**删掉 `@nuxt/content` `better-sqlite3`，重新打包，果然成功了！！！！！！！！（气死）**

## 后记

本次问题，目前看来只能是 `@nuxt/content` `better-sqlite3` 中的其中一个影响了构建过程的正确退出，至于底层原因，有懂得大佬欢迎科普！

如果你也遇到这个问题，并且有空的话，可以考虑给 `@nuxt/content` 提交 Issue 吧，老狗最近是没有这个闲工夫，为了项目的正常运行，那就现委屈博客功能晚点再上线吧（毕竟还有其他功能改动需要升级）。。。

记一次坑爹的Nuxt build持续running，成功后无法正确退出的错误（很可能是@nuxt/content干得好事）

偶然发现 `v2rayA` 持续运行时，会导致内存占用持续升高！我的一个小服务器，发现时，`v2rayA` 已经占用到 **4G** 左右的内存！

重启 `v2rayA` 后发现占用恢复！

不知道是怎么回事，欢迎讨论！

慎用v2rayA！发现其内存占用超高！

## 前言

本文用于记录用过的 `Nuxt3` 相关插件（modules），这些插件有的是专为Nuxt研发的各种功能支持的库，有些是通用库，为了适配Nuxt而开发的相关插件，按需选用即可！

PS：只记录个人认为好用的~ 不喜欢的请绕道~ 欢迎推荐好用的插件


## UI类

### nuxtjs/tailwindcss

> 伟大无需多盐

- 作用：集成 tailwindcss 框架，轻松使用tailwindcss编写前端css
- 分类：UI类库
- Nuxt Modules链接：https://tailwindcss.nuxtjs.org/
- nuxtjs/tailwindcss官网：https://tailwindcss.nuxtjs.org/

### vuetify-nuxt-module

- 作用：集成vuetify，轻松使用相关UI组件。
- 分类：UI库
- Nuxt Modules链接：https://nuxt.com/modules/vuetify-nuxt-module
- vuetify-nuxt官网：https://nuxt.vuetifyjs.com/


### element-plus/nuxt

- 作用：集成elementplus，轻松使用相关UI组件。
- 分类：算是文档工具库
- Nuxt Modules链接：https://nuxt.com/modules/element-plus
- ElementPlus官网：https://element-plus.org/


### nuxt-echarts

- 作用：集成Echarts，轻松使用相关图表
- 分类：图表类UI库
- Nuxt Modules链接：https://nuxt.com/modules/echarts
- nuxt-echarts官网：https://echarts.nuxt.dev/


## 文档类

### scalar

- 作用：集成scalar，一键生成API文档
- 分类：文档类工具库
- Nuxt Modules链接：https://nuxt.com/modules/scalar
- Scalar官网（nuxt相关）：https://guides.scalar.com/scalar/scalar-api-references/integrations/nuxt

### nuxt/content

- 作用：集成nuxt/content，轻松实现文档渲染为网页，支持markdown等各类文件。
- 分类：算是文档工具库
- Nuxt Modules链接：https://nuxt.com/modules/content
- Nuxt Content官网：https://content.nuxt.com/

## 数据库类

### prisma/nuxt

- 作用：集成prisma，统一管理数据库模型，并提供ORM API
- 分类：ORM数据库类库
- Nuxt Modules链接：https://nuxt.com/modules/prisma
- prisma官网（nuxt相关）：https://www.prisma.io/docs/orm/more/help-and-troubleshooting/prisma-nuxt-module

## 登录授权类

### sidebase/nuxt-auth

- 作用：集成NuxtAuth，轻松实现各类第三方授权登录
- 分类：第三方登录授权集成工具库（Google、Github登录等）
- Nuxt Modules链接：https://nuxt.com/modules/sidebase-auth
- NuxtAuth官网：https://auth.sidebase.io/guide/getting-started/introduction

## 网站基础类

### nuxtjs/i18n

- 作用：集成vue-i18n，轻松实现网站多语言管理
- 分类：网站多语言管理与配置库
- Nuxt Modules链接：https://nuxt.com/modules/i18n
- Nuxt I18n官网：https://i18n.nuxtjs.org/

好用的Nuxt全家桶 | 插件记录

twitter:card

twitter:title

twitter:site

twitter:image

努力做一只帅气、有才、豁达的老狗！

twitter:description

程序员,笔记,Bug记录,编程技术,AI,Java,Node,Golang,个人博客,资源分享,月上老狗,dingdangdog