关于webpack打包vue后无法渲染页面的一个问题

webpack打包vue后.vue文件中内容无法挂载到html文件中，使用$mount()方法后页面只显示一段被注释掉的函数。附上代码截图，求解！！！图片说明图片说明图片说明图片说明

在引入图片的时候的地址数据的时候需要使用require来讲图片作为模块引入，这样才会被webpack正确的打包的项目文件中，否则会因为webpack根据依赖打包而找不到指定的图片

如果是在HTML中的img中通过v-bind引入引入图片,src为对应的数据变量的话也是需要使用require来将图片作为模块引入才会被webpack正常打包

在HTML中直接书写的img地址以及css中引入的图片地址无需使用其他手段正常引用即可被webpack正常打包

建议用vue-cli脚手架去跑项目，那里面有个小demo会使你更了解vue+webpack实现

vue自身的版本问题，换个稳定的版本。

你的html文件中没有id为main的元素，怎么挂载？

<body>
    <div id="main"></div>
</body>