                        课程
                    
                        /前端开发
                        
                            /前端工具
                        
                        /Vue+Webpack打造todo应用

body下一片空白，没有元素

npm run dev后页面能够打开，样式能显示（背景图绿色的钩子能出来），但是body下只有一个script标签引入js文件，

div不见了，不知道这个问题是什么原因，怎么解决？

先将app.vue截个图放上来

这是run dev成功

打包成功的index.html文件里body下也没有div

今天来看，发现app.vue的内容，样式是有的，就是template里面的内容不显示，如下所示

new Vue的方法换成下面都没有用，索兴把new Vue注释掉，页面打开也是一样的效果，也就是说，new Vue这段代码根本没有起作用！

大哥大姐们大神们，帮看看，快一天了，都没有解决掉

慕粉4414834

2018-10-01

源自：Vue+Webpack打造todo应用 2-3

关注问题我要回答

1830

操作

收起

1 回答

Dreamer1017 回答被采纳 +2 积分
2018-10-04

检查一下创建根节点并添加到body相关代码

const root = document.createElement('div')
document.body.appendChild(root)

或者渲染函数换种写法：

new Vue({
    render: h =>{
    return h(App)}
}).$mount(root)

2 回复有任何疑惑可以回复我~

收起回答

慕粉4414834 提问者

渲染函数换成你这种写法就OK了，谢谢！

2018-10-08 回复有任何疑惑可以回复我~

慕粉4414834 提问者

为什么点右边的采纳回答点不动？

2018-10-08 回复有任何疑惑可以回复我~

慕标1909225 回复慕粉4414834 提问者

你那个很明显的错误就是 el:root 不是 #app

2019-02-15 回复有任何疑惑可以回复我~

0/150

提交

取消

Vue+Webpack打造todo应用

参与学习 84606 人
解答问题 787 个

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

进入课程

本课相似问答

5 回答ie显示空白，报语法错误

2 回答this.todos.filter这里的过滤怎么输出元素的

1 回答我的为啥图片没有打包呢

1 回答为啥我的图片没有打包呢？

4 回答还没有提过问，我试一下,不用理我

搜索更多本课相关问答

body下一片空白，没有元素

我要回答关注问题

热搜

最近搜索清空

body下一片空白，没有元素

1 回答

本课相似问答

body下一片空白，没有元素