Skip to content

Sass

旧版 JS API 弃用警告

Legacy JS API Deprecation Warning(旧版 JS API 弃用警告)通常出现在你使用了某些已被标记为即将废弃或已废弃的 JavaScript API 时。

  • 查看浏览器控制台中完整的 warning message,它通常包含:

    • 相关的 API 名称
    • 弃用的版本号
    • 替代的 API 名称或使用方法
    • 报警来自哪个文件或库(你项目自己的代码 or 第三方库)

    ⚠️ 示例:

    md
    [Deprecation] 'webkitURL.createObjectURL' is deprecated. Please use 'URL.createObjectURL' instead.
  • 替换弃用 API(如果是你自己代码中的)

    js
    // ❌ 已弃用
    const url = webkitURL.createObjectURL(file)
    // ✅ 推荐使用
    const newUrl = URL.createObjectURL(file)
  • 如果是第三方库触发的 warning 警告,建议查看该库的文档或更新到最新版本以解决问题。

  • 针对框架构建工具(如 Vite、Webpack)的 warning

    ⚠️ 示例:

    md
    [Deprecation] The use of legacy "module" resolution is deprecated. Use "exports" field instead.

    检查你的 package.jsontsconfig.json

    • 是否还在使用老式模块格式(如 main, module 而非 exports 字段)
    • 是否使用了旧版构建插件或 loader
  • 最后,如果终端使用提示警告,可以在 vite.config.ts 中配置 CSS 预处理器选项。

    ts
    css: {
      preprocessorOptions: {
        scss: {
          api: 'modern-compiler'
        }
      }
    }

基于 MIT 许可发布