vue img src如何使用require，错误:找不到：* ~@/assets/？
在Vue中，可以使用require来加载图片资源。当使用require时，路径应该是相对于当前文件的路径。
对于给定的错误错误:找不到：* ~@/assets/，它表示无法找到~@/assets/路径下的文件。这可能是由于路径错误或文件不存在导致的。
要解决这个问题，可以按照以下步骤进行操作：
- 确保图片文件存在于
~@/assets/路径下。检查文件名和文件路径是否正确。 - 确保在Vue组件中正确引用图片路径。例如，如果图片文件名为
image.jpg，则可以使用以下方式引用： - 确保在Vue组件中正确引用图片路径。例如，如果图片文件名为
image.jpg，则可以使用以下方式引用： - 在这个例子中，
@表示src目录，require用于加载图片资源。 - 如果图片文件在子目录中，确保路径正确。例如，如果图片文件位于
~@/assets/images/image.jpg，则可以使用以下方式引用： - 如果图片文件在子目录中，确保路径正确。例如，如果图片文件位于
~@/assets/images/image.jpg，则可以使用以下方式引用： - 如果仍然遇到问题，可以尝试重新启动开发服务器或清除缓存，以确保文件更改生效。
关于Vue的require用法，可以参考Vue官方文档中关于静态资源的部分。
请注意，以上答案中没有提及腾讯云相关产品和产品介绍链接地址，因为要求答案中不能提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的一些云计算品牌商。
相关·内容
路径： └─src │ ├─css │ └─a.png 代码： <template> <img:src="require('~@/assets/image/a.png')"/></template>
浏览 246提问于2020-01-04得票数 0
回答已采纳
找不到该图片。经过谷歌搜索，我意识到这是由webpack引起的，我将使用require。但我仍然会遇到奇怪的错误。这是可行的：动态：
<img :src="this.votedPicture" cla
浏览 14提问于2020-05-18得票数 1
回答已采纳
我试图在Vue项目中从我的资产文件夹中呈现一个图像。当我使用下列任何一种方法硬编码它时，会显示该图像：<img :src="require('../assets/my_image.jpg')"&g
浏览 1提问于2019-01-06得票数 0
回答已采纳
1回答
关于绑定映像src是如何工作的，已经问了许多问题，我已经讨论过这些问题，其中提到使用require导入映像。但是，我的问题有点不同:我正在根据用户选择的当前src更改图像locale。我尝试在src中绑定一个基于currentLocale的字符串，但是图像没有加载。我还在绑定中尝试了require。资产档案结构：`-- download.jpeg+ fr我的组成部分： <
浏览 0提问于2019-06-10得票数 0
3回答
在我的register.html中有这样的代码： <img :src="'./assets/' +nation.drapeau"/> 当我检查浏览器时，我看到了正确的路径'./assets/images/drapeaux/AFC/Australie.png‘，但没有显示任何内容！为什么？我的道路不好吗？ 我哪里做错了？这是我的VueJs文件夹的结构 ?
浏览 27提问于2021-11-09得票数 0
回答已采纳
1回答
我想获取src映像并将其绑定到我的img标记中，我会在JS文件中创建它，然后导入，但是什么都没有发生，第一个文件是About.vue，第二个文件是我的utils文件。Social networks: :src="this.showImg.facebook.src"
:width/assets/img/face
浏览 6提问于2021-05-23得票数 0
回答已采纳
13回答
我正在寻找引用静态资产的正确url，比如Vue javascript中的图像。例如，我正在使用自定义图标图像创建传单标记，我尝试了几个urls，但它们都返回一个404 (Not Found)var icon = L.icon({ iconSize: [25, 25],});
我试着把图像放在“资产”文件夹和“静
浏览 10提问于2017-11-15得票数 158
回答已采纳
我试图使用src属性的props提供的路径来显示带有img标记的图像。
我尝试用@更改路径，使用src使用整个路径，在组件中添加../assets/，只将文件名(orange.png)作为道具传递。编辑:此外，我尝试了这个帖子，其中使用<img :src="require(picture_src)" />作为一个答案。&
浏览 0提问于2019-06-17得票数 11
2回答
我试图做以下工作：<img v-bind:src="objectData.url"/> <-不呈现
<img v-bind:src="require(objectData.url)"/> <--抛出一个警告错误，因为它不是路径，而是一个对象
浏览 1提问于2018-12-08得票数 10
回答已采纳
文件结构 (Webpack)
-assets---myimage.png--page---component more items..
浏览 2提问于2019-10-11得票数 4
我已经开发了一个用vue-cli创建的项目<img src=“./assets/panorama1.jpg”> <a-sky src=“./assets/panorama1.jpg”></a-sky>alias: {
'vu
浏览 2提问于2017-10-25得票数 0
1回答
在hero background video中创建vue.js的正确方法是什么？ <source :src="videoUrl" :mp4',
videoType: 'video&#
浏览 0提问于2019-04-02得票数 2
回答已采纳
2回答
<v-card v-for="(course, i) in courses" :key="i"> <v-card-subtitlev-card>
export default { courses: [
{title: &#
浏览 17提问于2020-08-16得票数 0
回答已采纳
3回答
我有一个新的vue站点，它是使用vue-cli构建的，但是我的图像根本不会加载，并且找不到原因 <router-link class="logo" to="/" tag="img" src="@/assets/logo.png" style="cursor: pointer"/> 我将image保存在asset
浏览 23提问于2020-09-18得票数 0
我试着用b-img标签插入我的图像。(我正在使用引导-vue库)当我这样做时，我得到的只是一个小的图像图标。这是我的代码： <div> <b-nav>
<b-button va
浏览 2提问于2019-10-02得票数 0
2回答
我已经确认图像本身的路径是正确的，但我无法显示它们 我正在遵循https://codesource.io/rendering-lists-in-vue/作为教程，其中表示要将其指定为url，我尝试使用https和http作为本地主机，但图像仍然是空白的 最后，我尝试使用一个函数来手动src图像，但是同样的问题也发生了，组件很小，所以我在这里包含了它 希望有人对我下一步可以尝试的东西有一个建议:) <template>
<div id="sideBarD
浏览 34提问于2021-09-24得票数 0
10回答
我认为这应该很简单，但是我在如何导入和使用Vue单文件组件中的图像方面遇到了一些麻烦。有人能帮我怎么做吗？下面是我的代码片段： <img src="zapierLogo" /> import zapierLogoimages/zapier_logo.svg'
浏览 9提问于2017-07-15得票数 98
回答已采纳
对象上的json数据的一个属性是img的相对路径(当前在我的/assets/文件夹中)。 例如。.jpg", ] 我正在使用的vue库的组件(bootstrap-vue)有一个"img-src“当我将prop传递给这个指令时，我得到了一个格式错误的图像路径和一个404。
浏览 25提问于2021-07-04得票数 2
回答已采纳
4回答
我试图通过Vue.js 2中的相对路径加载我的图像，但是有些东西似乎不对劲。关于Vue，我只是把脚弄湿了，希望你能给我指点。所述图像位于/src/assets/imgs目录中。class="column" v-for="source in sources"> <img:<e
浏览 9提问于2017-07-06得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
