Vue.js Vue 3 createApp未在Chrome中定义
当使用Vue 3和新的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有两种方法可以运
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”导入{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
(如果您使用的是我发布的代码)。是的,这就是问题所在。谢谢