antd踩坑：Antd is not defined

背景

在使用 ant-design-vue 时，一开始按需导入，然后想切换为全局引入时，出现了Antd is not defined错误。

解决方案一

babel-plugin-import 与全局引入的冲突，移除插件

module.exports = {
  presets: ["@vue/cli-plugin-babel/preset", "@vue/babel-preset-jsx"],
  plugins: [
    // 移除 babel-plugin-import
    //     只需从 ant-design-vue 引入模块即可，无需单独引入样式。
    // [
    //   "import",
    //   { libraryName: "ant-design-vue", libraryDirectory: "es", style: true }
    // ]
  ]
};

解决方案二

修改 全局引入 配置

import Antd from "ant-design-vue/es";