微信小程序项目引入图片问题：Error: module ‘assets/img/topImg.jpg.js‘ is not defined

问题与处理策略

问题描述

• 在微信小程序项目中，通过 require 引入图片文件，报如下错误

Error: module 'assets/img/topImg.jpg.js' is not defined, 
require args is '../../assets/img/topImg.jpg'

# 翻译

错误：未定义模块“assets/img/topImg.jpg.js”
require 参数为“../../assets/img/topImg.jpg”

问题原因

1. 在微信小程序中，不支持直接使用 require 引入图片文件，例如，jpg、png 等
2. 微信小程序的模块系统不支持将图片作为模块加载，这个报错是系统尝试将图片文件当作 JavaScript 模块来加载，但失败了

处理策略

（1）在 WXML 中使用

• 在 WXML 中直接使用图片路径

<image src="../../assets/img/topImg.jpg"></image>

（2）在 JS 中使用

• 在 WXML 中直接使用图片路径，这样可以动态设置图片路径

Page({
  data: {
    topImgUrl: '../../assets/img/topImg.jpg'
  }
});

<image src="{{topImgUrl}}"></image>