前端打包出错

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"

相关推荐
Rocky Ding*13 分钟前
深入浅出GroundingPI技术解析:精确空间感知如何迁移到机器人动作
论文阅读·人工智能·深度学习·机器学习·aigc·ai-native·具身智能
starzy199015 分钟前
Scala循环与判断:一切皆表达式的控制流
开发语言·人工智能·scala
QYR_1124 分钟前
全球新能源汽车热管理零部件市场2032年预计突破1854亿元,CAGR达8.2%
人工智能
开开心心就好32 分钟前
音频降噪剪辑工具,音量裁剪一键处理
运维·服务器·前端·spring·ocr·音视频·1024程序员节
jarvisuni32 分钟前
白嫖Tripo3D ?Kimi 3D Make可以玩起来!
人工智能·ai编程
黑十44 分钟前
PyTorch 报 “no CUDA GPUs are available“ 怎么办?3 步排查
服务器·网络·人工智能·pytorch·python
明月_清风1 小时前
用自然语言操控真机:Google Artemis 移动端 AI Agent 上手与实践
人工智能·后端
没落之王1 小时前
三易五行看宋朝的三界确立
大数据·人工智能·算法
miofly1 小时前
DeepSeek 开源 Super-agent 架构:AI 主动发现 Bug 并提交 PR
人工智能
kyrie_sakura1 小时前
大模型学习20 大模型学习 - LangChain3 - Agents
人工智能·学习·langchain