包裹影像路径时遇到麻烦

我正在从json文件接收数据,其中每个对象都有以下有关表演/音乐的数据:

{
    "Theatre": [
       {
            "name": "Hairspray","type": "Musical","role": "Dynamite","director": "Sue Ellen Nielson","company": "Stage 1 / East Bay Area","year": "2012","posterImage" : "hairsprayPoster.jpg"
        }  .....
]

}

on the Vue file I have : 

<ul class="show-gallery-list">
                   <li v-for="dataItem in myJson['Theatre']" >

                     {{dataItem.coverImage}} //this prints the path as a string
                     <img :src="dataItem.coverImage"> //this renders an empty image icon 

                </li> 
            </ul>

所有其他数据均可访问并呈现。 我已经尝试了v-bind:src的一切 我曾尝试导入图像文件夹,但这也不起作用。

包裹将不允许我动态渲染图像吗? 我是否必须导入所有图像? 这是捆绑问题吗?

jhfuuu 回答:包裹影像路径时遇到麻烦

这实际上与parcelJS并不直接相关,整个对话GitHub issue讨论了解决此问题的可能替代方案

乍一看,最有前途的似乎是this plugin

一种更简单的方法是运行包裹构建,然后在构建文件中创建一个新目录,并复制所有静态资产。如果您从HTTP服务器运行宗地构建文件夹,则静态文件也将位于您创建的文件夹中。您只需要确保路径正确构建即可。

本文链接:https://www.f2er.com/3100191.html

大家都在问