Reactjs 无法打开网页包url加载程序复制的图像
在main.jsx中,图像已编译为base64 dataurl, 并复制到捆绑文件(f67531eee03d5b3f45d6d010c1a2ce13.png)中,但无法通过浏览器和webstorm打开,显示格式错误,如下所示 main.jsx console.log 这是我的浏览器和列表Reactjs 无法打开网页包url加载程序复制的图像,reactjs,webpack,babeljs,urlloader,Reactjs,Webpack,Babeljs,Urlloader,在main.jsx中,图像已编译为base64 dataurl, 并复制到捆绑文件(f67531eee03d5b3f45d6d010c1a2ce13.png)中,但无法通过浏览器和webstorm打开,显示格式错误,如下所示 main.jsx console.log 这是我的浏览器和列表 是否有人可以帮助我,我已经解决了这一问题好几天了不,这太神奇了,我刚刚删除了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" }
]
}
};