“输出”'Vue‘在'vue’中找不到

Question

最近，我使用vue-next升级到vue3，当我运行yarn serve时，会收到一些警告。

import Vue from 'vue';导致此警告"export" 'Vue' was not found in 'vue'。

import { createApp, h } from 'vue'工作得很好！

package.json

{
  ...
  "dependencies": {
    ...,
    "vue": "^3.0.0-beta.1"
  }
}

类似的线索：

• "export 'default' (imported as 'Vue') was not found in 'vue'
• export 'default' (imported as Vue ) was not found in 'vue'

Answer 1

你试过：

if (process.client) {
  import Vue from 'vue'
}

如需更多澄清https://nuxtjs.org/faq/window-document-undefined

Answer 2

试着用这个进口。

if (process.client) {
  import vue from 'vue'
}

Answer 3

您说您最近已经升级到Vue 3，不再支持import Vue from 'vue'语法，因为Vue已经被重组为支持树抖动。

不要尝试使用Vue.function，只需使用import { function } from 'vue'并直接使用它。

在这里的迁移指南中记录了这一点：https://v3-migration.vuejs.org/breaking-changes/global-api-treeshaking.html#global-api-treeshaking

我建议将迁移指南的其余部分(至少是突破性的更改)也提供一个通读。非常方便。