前端打包出错

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"

相关推荐
阿里云大数据AI技术21 分钟前
Daft 多模态视频抽帧性能优化实践:从抽帧到大模型打标,一条视频理解流水线是怎么跑起来的
大数据·人工智能·spark
weixin_4462608526 分钟前
Wyvern:生成可溯源多模态报告的智能体框架
人工智能
笨鸟先飞,勤能补拙28 分钟前
从预测到决策:人工智能与机器学习的系统方法、工程闭环与现实边界
大数据·人工智能·windows·python·机器学习·密码学
小赵同学WoW31 分钟前
1-2 TypeScript 中的 `any` 与 `unknown`
前端
tech讯息32 分钟前
生成式 AI 从 POC 验证迈向正式生产,推理部署环节成为卡点的核心原因是什么?
大数据·人工智能
Aethir33 分钟前
第三章 — 成本与经济模型
大数据·人工智能
燕云少君33 分钟前
你只是跟AI聊聊天,它已经准备好刷你的卡了
人工智能·chatgpt·openai
Java学术趴35 分钟前
我把一上午的表格活,拆成了 TRAE Work 的四步
人工智能
six_43 分钟前
C# 上位机(持续更新中)
前端·面试·c#
风雨_43 分钟前
Git Worktree sourcetree完整使用指南
前端