Image React.js+;PhoneGap应用程序未在设备上呈现图像

Image React.js+;PhoneGap应用程序未在设备上呈现图像,image,cordova,reactjs,device,Image,Cordova,Reactjs,Device,我使用React.js和PhoneGap开发了一个混合移动应用程序。浏览器模拟器中的本地图像加载正常,但在设备上安装应用程序时,图像未加载。我尝试了以下几种方法,但没有一种能将图像加载到设备上 1. import redcar from './RedCar.png' <image src={redcar} /> var redcar = require('./RedCar.png') <image src={redcar} /> <img src="./RedC

我使用React.js和PhoneGap开发了一个混合移动应用程序。浏览器模拟器中的本地图像加载正常,但在设备上安装应用程序时,图像未加载。我尝试了以下几种方法,但没有一种能将图像加载到设备上

1.

import redcar from './RedCar.png'
<image src={redcar} />
var redcar = require('./RedCar.png')
<image src={redcar} />
<img src="./RedCar.png" />
我附上了目标调试的图像,其中特定的图像显示错误


知道这里出了什么问题吗…

我也在为同样的事情挣扎。你解决过这个问题吗?我也有这个问题。如果我在HTML中手动输入路径,它会工作,但当React创建具有相同路径的元素时,图像不会加载。
<image src='/android_asset/www/RedCar.png' responsive />
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; media-src *; img-src * filesystem: data:">
module: {
      rules: [
        { test: /\.js$/,
          exclude: /node_modules/,
          enforce: 'pre',
        },
        { test: /\.js$/,
          exclude: /node_modules/,
          loader: 'babel-loader',
          query: {
            presets: ['es2015', 'react'],
            plugins: ['transform-class-properties']
          }
        },
        { test: /\.css$/, loader: 'style-loader!css-loader' },
        { test: /(\.eot|\.woff2|\.woff|\.ttf|\.svg|\.png)/, loader: 'file-loader' },
        { test: /\.ya?ml$/, loader: 'json-loader!yaml-loader' },
        { test: /\.(png|jpg|gif)$/, loader: 'url-loader?limit=10000&name=img/img-[hash:6].[ext]' }
        /*{ test: /\.html$/, loader: "html-loader" }*/
      ],
    }