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

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

4个回答

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

<body>
    <div id="main"></div>
</body>
suwa_daimyoujin
suwa_daimyoujin 回复qq_17327351: 暴躁老哥
4 个月之前 回复

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

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

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

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

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问