vue.js - Vue 3 createApp 未在 Chrome 中定义

Question

使用 Vue 3 时，新的createAppChrome 无法识别它。在我的 main.js 中，我有：

import { createApp } from 'vue'
import App from './App.vue'

createApp(App).mount('#app')

我使用新生成的 vue-cli 应用程序进行了测试，但它不起作用。

Chrome Vue devtools 无法识别任何 localhost 应用程序，并且Vue在 Vue 应用程序内的控制台中输入以下内容：Uncaught ReferenceError: Vue is not defined at <anonymous>:1:1

标签： vue.jsgoogle-chrome-devtoolsvuejs3

Answer 1

有两种方法可以运行使用 Vue CLI 创建的新 Vue 3 项目。

1. 通过运行npm run serve并打开浏览器来启动开发服务器http://127.0.0.1:8080/。
2. build通过运行创建一个npm run build，然后dist/index.html在浏览器中打开。

如果您想在浏览器控制台中访问您的 Vue 应用程序，您可以执行以下操作：

import { createApp } from 'vue';
import App from './App.vue';


const app = createApp(App);

// now you can see `vueApp` within the browser console
window.vueApp = app;

app.mount('#app');