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

Vue.js Vue 3 createApp未在Chrome中定义,vue.js,google-chrome-devtools,vuejs3,Vue.js,Google Chrome Devtools,Vuejs3,当使用Vue 3和新的createAppChrome时,Chrome无法识别它。在我的main.js中,我有: 从“vue”导入{createApp} 从“./App.vue”导入应用程序 createApp(App).mount(“#App”) 我使用新生成的vue cli应用程序进行了测试,但它不起作用 Chrome Vue开发工具无法识别任何本地主机应用程序,在Vue应用程序内的控制台中键入Vue表示:Uncaught ReferenceError:Vue未定义在:1:1有两种方法可以运

当使用Vue 3和新的
createApp
Chrome时,Chrome无法识别它。在我的main.js中,我有:

从“vue”导入{createApp}
从“./App.vue”导入应用程序
createApp(App).mount(“#App”)
我使用新生成的vue cli应用程序进行了测试,但它不起作用


Chrome Vue开发工具无法识别任何本地主机应用程序,在Vue应用程序内的控制台中键入
Vue
表示:
Uncaught ReferenceError:Vue未定义在:1:1

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

  • 通过运行
    npm run serve
    启动dev服务器,并打开浏览器以
    http://127.0.0.1:8080/
  • 通过运行
    npm run build
    创建
    build
    ,然后在浏览器中打开
    dist/index.html
  • 如果要在浏览器控制台中访问Vue应用程序,可以执行以下操作:

    从“vue”导入{createApp};
    从“/App.vue”导入应用程序;
    const-app=createApp(app);
    //现在,您可以在浏览器控制台中看到“vueApp”
    window.vueApp=app;
    app.mount(“#app”);
    
    您是否正在运行
    Vue CLI
    服务?(使用此命令:
    npm run serve
    )此代码确实有效,但chrome Vue开发工具仍然会说:
    Vue.js未检测到
    ,并在控制台内键入
    Vue
    ,这会引发error@VictorMotogna您可能正在使用Vue 2的开发工具。Vue 3的扩展名不同:-请尝试在控制台中键入
    vueApp
    ,而不是
    Vue
    (如果您使用的是我发布的代码)。是的,这就是问题所在。谢谢