Ant-Design-Vue中tooltip，drawer等样式无法使用

Question

1. 我的问题

$ npm install @vue/cli
$ vue create front_end
$ cd front_end
$ npm install ant-design-vue

用以上代码生成一个antd-Vue的项目后，我根据官网的文档，Fully import antd（代码如下）

import Vue from 'vue/dist/vue.js'
import Antd from 'ant-design-vue'
import App from './App'
import 'ant-design-vue/dist/antd.css'
Vue.config.productionTip = false

Vue.use(Antd)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})

之后在使用Tooltip，Drawer等相关组件的时候无效

1. 问题图片

而正常情况下应该是

1. 推测及已经采取的措施：

在使用带有Tooltip的Menu组件时发现渲染出来的页面没有class="ant-menu-submenu-placement-TopRight"的div，怀疑时渲染环节的问题。

尝试了官网上面的其他代码，发现具有相似视觉效果的Message、Notification组件可以正常使用。

在前辈的建议下重新执行了第一部分的shell建立了新的项目，但情况未发生改变。

Answer 1

项目中的 import Vue from 'vue/dist/vue.js'
改成 import Vue from 'vue'