vue3 自己设置根组件失败,请大家帮忙看看?
1:是一定要用App.vue作为根组件吗(我怕项目里有根组件路径设置,所以直接删了原来的app.vue,把helloworld放最外层了)
2:我这里把helloworld.vue页面作为根组件,然后把helloworld页面上的div元素加载进来,提示 runtime-core.esm-bundler.js?d2dd:38 [Vue warn]: Failed to mount app: mount target selector "#hello" returned null.页面上不展示数据
3:我把div里的id删掉了,main.js里 mount填入("#app"),页面上可以显示数据,这个是为什么,app.vue整个页面都删掉了
感谢大家百忙之中来回答。
回复
1个回答

test
2024-07-17
不是,默认的 #app
指的是最外层的 public/index.html
里面的元素。这个html才是你的spa的入口。打包只是把js插入到这个html里面去而已。vue初始化的时候这个dom是已经存在且加载完成的。而你的 #hello
是组件里面的,挂载的时候这个dom根本不存在。
回复

适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容