vue.js - 在 nuxtjs 中构建后无法找到模块 './img.jpg' 在开发模式下工作

Question

在开发模式下工作正常，构建后上传新图像时出现以下错误，然后尝试渲染图像：

错误：找不到模块“./2019-10-16T21:50:32.958Zhotel-img.jpg”

这是方法：

docImage(index) {
  let imgPath = this.userDocs[index].document.documentPath;
  imgPath = imgPath.substring(imgPath.indexOf("/") + 1);
  return require(`../../uploads/${imgPath}`);
}

标签： vue.jsnuxt.js

Answer 1

上传新图像时尝试渲染图像：

那是一个原因。当您需要图像时，它们会在构建时由 webpack 捆绑。因此，在构建时不可用的任何图像都将不可用。