Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 无法打开网页包url加载程序复制的图像_Reactjs_Webpack_Babeljs_Urlloader - Fatal编程技术网

Reactjs 无法打开网页包url加载程序复制的图像

Reactjs 无法打开网页包url加载程序复制的图像,reactjs,webpack,babeljs,urlloader,Reactjs,Webpack,Babeljs,Urlloader,在main.jsx中,图像已编译为base64 dataurl, 并复制到捆绑文件(f67531eee03d5b3f45d6d010c1a2ce13.png)中,但无法通过浏览器和webstorm打开,显示格式错误,如下所示 main.jsx console.log 这是我的浏览器和列表 是否有人可以帮助我,我已经解决了这一问题好几天了不,这太神奇了,我刚刚删除了webpack.config中的url加载器,它成功了,感谢上帝!有没有人可以帮助我,我已经处理了几天这个问题不,这是令人惊讶的

在main.jsx中,图像已编译为base64 dataurl, 并复制到捆绑文件(f67531eee03d5b3f45d6d010c1a2ce13.png)中,但无法通过浏览器和webstorm打开,显示格式错误,如下所示

main.jsx console.log 这是我的浏览器和列表


是否有人可以帮助我,我已经解决了这一问题好几天了不,这太神奇了,我刚刚删除了webpack.config中的url加载器,它成功了,感谢上帝!有没有人可以帮助我,我已经处理了几天这个问题不,这是令人惊讶的,我只是删除了webpack.config中的url加载器,它工作了感谢我的上帝!
   import React from 'react';
import ReactDOM from 'react-dom';
import discountPng from 'url-loader?limit=30000&mimetype=image/png!./back.png';
console.log(discountPng);

const  test= <img src={discountPng}/>
ReactDOM.render(test, document.getElementById('header'));
var path = require('path');
var webpack = require('webpack');

var nodeModulesPath = path.resolve(__dirname, 'node_modules');
module.exports = {
    entry: ['webpack-hot-middleware/client', './WxXqg/src/main.jsx'],
    output: {
        path: path.resolve(__dirname, 'WxXqg/bundle'),
        publicPath: '/static/',
        filename: 'bundle.js'
    },
    resolve: {
        extensions: ['', '.js', '.jsx','.png']
    },
    plugins: [
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.OccurenceOrderPlugin(),
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin(),

    ],
    module: {
        /* preLoaders: [
         {test: /\.(jsx|js)$/,loader: "source-map-loader"}
         ],*/
        loaders: [
            {test: /\.(jsx|js)$/,loader: 'babel?presets[]=es2015,presets[]=react,presets[]=stage-0,presets[]=stage-2,presets[]=stage-3'},
            {test: /\.css$/, loader: 'style-loader!css-loader'},
           /* { test: /\.(png|jpg)$/, loader: 'file-loader' },*/
            { test: /\.jpg/, loader: "url-loader?limit=10000&mimetype=image/jpg" },
            { test: /\.gif/, loader: "url-loader?limit=10000&mimetype=image/gif" },
            { test: /\.png/, loader: "url-loader?limit=30000&mimetype=image/png" },
            { test: /\.svg/, loader: "url-loader?limit=10000&mimetype=image/svg" }
        ]
    }
};