前端打包出错

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*2 分钟前
DeepSeek DSec技术深度解析:Agent规模化训练的真正瓶颈,是沙箱基础设施
论文阅读·人工智能·深度学习·机器学习·aigc·agent·ai-native
阿里云大数据AI技术5 分钟前
息壤开物 × 阿里云:为具身智能造一座“会生长的数据工厂“
大数据·人工智能·阿里云·dataworks·maxcompute
147API7 分钟前
如何设计“回答、追问、停答”三类蒸馏训练集
人工智能·算法·机器学习
ndglzx9 分钟前
AI+制造落地:南德管理政企联动公益讲座助力中小企业大模型应用
人工智能·其他
Zootopia62610 分钟前
快递无人车与无人机各自进入配送网络后,路线能否一起算?
c++·人工智能·机器学习·matlab·ai·机器人·无人机
空 白II18 分钟前
9.30 大语言模型研究简报:Claude Sonnet 5.5:更快、更便宜的 Agent 模型
人工智能·语言模型·自然语言处理
小朱爱编程12325 分钟前
我用 Jev 做了三个实用工具:整理标签页、分诊飞书反馈、找回 GitHub 收藏
java·开发语言·人工智能·后端·python·架构·ai编程
AI职业加油站28 分钟前
大模型开发工程师证书怎么考?零基础学习路径与价值拆解
大数据·人工智能·学习·职场和发展·数据分析
你挚爱的强哥31 分钟前
【sgKeyboard】自定义组件:虚拟键盘
前端·javascript·计算机外设
镭封32 分钟前
基于微信小程序的移动端AI配音工作流设计
人工智能·小程序·媒体