Cordova 网页包无法加载图像

我正在使用React+Material ui创建移动应用程序，并使用webpack创建捆绑包，将其包含在

index.html

中。我导入图像并在react中使用它 但图像未加载，此错误出现在控制台中：

未能加载资源：net:：ERR\u文件\u未找到

网页配置

module.exports = {
    entry: {
        index: path.join(__dirname, 'www', 'js', 'routing.jsx')
    },
    output: {
        path: BUILD_DIR,
        filename: filename,
        library: '[name]',
        libraryTarget: 'umd',
        umdNamedDefine: true,
        publicPath: "/www/js/bundle/"
    },
    node: {fs: "empty"},
    plugins: [],
    resolve: {
        extensions: ['', '.js', '.jsx']
    },
    module: {
        loaders: [
            {
                test: /\.(js|jsx)$/,
                loader: 'babel-loader',
                exclude: /node_modules/
            }, {
                test: /\.css$/,
                loader: "style-loader!css-loader"
            }, {
                test: /\.json$/,
                loader: "json-loader"
            }, {
                test: /\.(png|gif|jpg|jpeg|svg|otf|ttf|eot|woff)$/,
                loader: 'file-loader'
            }
        ],
        noParse: [/dist\/ol\.js/, /dist\/jspdf.debug\.js/]
    }
};

图像导入和使用：

import img from '../img/thumbnail .png'
<img src={map.thumbnail_url} onError={(e) => {
                                    e.target.src = {img}
                                }}/>

从“../img/thumbnail.png”导入img
{
e、 target.src={img}
}}/>

镜头：

---

您的导入语句

从“../img/thumbnail.png”导入img

，文件扩展名前有一个空格。尝试从“../img/thumbnail.png”导入img

这是正确的文件名，但我更改了名称，但在他们使用的文档中出现了相同的错误，如：

var url=require（“文件加载器”。/file.png”），可能是文件加载器！部分是必需的。你的问题有两部分。首先尝试设置
，而不是在错误中，以检查图像是否实际加载。如果它显示的是正确的图像，那么问题是设置e.target.src={img}，我认为这可能是未加载的issueimage，但它显示在输出文件夹中@jssridhar@Hosar不起作用