前端打包出错

Could not resolve './hooks/use-prevent-window/index.mjs' from node_modules/element-plus/es/index.mjs error during build:

#19834

define.global，将它转成了window，导致文件路径中包含的global也被转成了window，从而出现文件路径找不到的问题。vitejs/vite#6295

这个问题直到 vite 5.0 才被修复。要想在你当前的vite版本解决这个问题，将你的define.global配置去掉。

javascript 复制代码

define: {
-   global: "window"
}

要兼容 global 不存在的问题，可以在 index.html 文件head标签中添加如下代码:

javascript 复制代码

<script>
window.global = window
</script>

warnings when minifying css报错

warnings when minifying css 报错通常发生在使用 CSS 压缩工具优化样式表时。压缩工具在压缩代码的过程中，可能会遇到语法错误或不兼容问题，从而导致报错。这些报错会以黄色警告的形式显示在控制台中，影响代码的整体质量。

导致 warnings when minifying css 报错的常见原因包括：
- CSS 语法错误：压缩工具可能会遇到一些不符合 CSS 语法规范的代码，从而导致报错。例如，缺少分号、括号不匹配等。
- CSS 不兼容问题：压缩工具可能会遇到一些不兼容不同浏览器或设备的 CSS 代码，从而导致报错。例如，使用了一些不兼容的属性或值。
- CSS 压缩工具设置不当：压缩工具的设置可能会影响压缩后的代码质量。例如，压缩级别过高可能会导致代码的可读性下降，并增加报错的风险。
为了彻底根除 warnings when minifying css 报错，你可以祭出以下杀手锏：
- 细心检查 CSS 代码的语法：逐行检查 CSS 代码，确保所有代码都符合 CSS 语法规范。借助 CSS 验证工具，你可以轻松找出代码中的语法错误。
- 修复 CSS 不兼容问题：仔细检查 CSS 代码中是否存在不兼容不同浏览器或设备的代码，并进行必要的修改。浏览器兼容性工具可以帮你识别这些不兼容的代码。
- 合理调整 CSS 压缩工具设置：适当调整压缩工具的设置，降低压缩级别或排除一些不必要的压缩选项。查阅压缩工具的文档或使用在线压缩工具可以帮你找到最优设置。
除了修复 warnings when minifying css 报错，你还可以通过优化 CSS 代码，从源头上减少报错的风险：
- 拥抱 CSS 预处理器：使用 Sass、Less 等 CSS 预处理器可以帮你编写更简洁、更易维护的 CSS 代码。预处理器不仅能避免常见的语法错误，还提供变量、函数和继承等特性。
- 巧用 CSS 模块： CSS 模块可以将 CSS 代码组织成独立的模块，提升代码的可读性和可维护性。CSS 模块可以防止 CSS 代码之间的冲突，并让你更方便地重用代码。
- CSS 压缩工具助你一臂之力： CSS 压缩工具可以减小 CSS 代码的大小，提升代码的加载速度。压缩工具可以去除代码中的冗余信息，并优化代码结构。

我这里出现这个错误是因为在内部使用了scss语法，忘记加lang="scss"