Vue.js 中 'Module not found: Can't resolve .../public/pages/wx.jpg' 错误解决方法
这个错误意味着在 MyHome.vue 组件中引用的 '.../public/pages/wx.jpg' 路径无法找到。可能是路径错误或文件不存在导致的。
可能的解决方法:
- 检查路径是否正确: 仔细检查路径 '.../public/pages/wx.jpg' 是否正确,确保文件 'wx.jpg' 确实位于 'public/pages' 目录下。
- 检查文件是否存在: 确保 'wx.jpg' 文件存在于 'public/pages' 目录中。
- 使用绝对路径: 如果路径仍然无法找到,尝试使用绝对路径来引用图片,例如 'D:/untitled7/public/pages/wx.jpg'。
- 使用 Webpack 配置: 如果你使用 Webpack,可以配置 Webpack 以处理图片资源,例如使用
file-loader或url-loader。
示例代码:
<template>
<img :src="require('../public/pages/wx.jpg')" alt="微信图片">
</template>
如果以上方法都无法解决问题,请提供更多错误信息和代码片段,以便更准确地分析问题。
原文地址: https://www.cveoy.top/t/topic/mFB6 著作权归作者所有。请勿转载和采集!