我不知道什么是在ReactJS webpack中加载图像的合适的加载器,
你能帮我一下吗?我收到此错误:
Module parse failed: /Users/imac/Desktop/fakeeh/imgs/logo.png Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type.
这是webpack配置:
const path = require('path');
module.exports = {
// the entry file for the bundle
entry: path.join(__dirname, '/client/src/app.jsx'),
// the bundle file we will get in the result
output: {
path: path.join(__dirname, '/client/dist/js'),
filename: 'app.js',
},
module: {
// apply loaders to files that meet given conditions
loaders: [{
test: /\.jsx?$/,
include: path.join(__dirname, '/client/src'),
loader: 'babel-loader',
query: {
presets: ["react", "es2015", "stage-1"]
}
}],
},
// start Webpack in a watch mode, so Webpack will rebuild the bundle on changes
watch: true
};
非常感激!!
我也遇到了这个问题,并且找到了解决方法。
首先,您需要安装两个加载器(文件加载器,URL加载器)。例如 $ npm install-保存文件加载器url加载器
如果要支持css。确保安装样式加载器。例如, $ npm install –save style-loader css-loader
接下来,您更新webpack配置,请在我的示例配置下面进行检查。希望能帮助到你。
module: {
loaders: [{
test: /.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/
}, {
test: /\.css$/,
loader: "style-loader!css-loader"
}, {
test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,
loader: 'url-loader?limit=100000' }]
},
我从webpack3升级了我的项目。x到网页4。28.4,当我运行用于生产的网页包时,它向我显示错误! 我使用happypack来提高编译速度! 它没有工作!有人能解决我的问题吗?非常感谢!
我正在使用一个图像文件的反应-巴贝尔-网络包。但是它显示了一个错误 tool.component.js webpack.config.dev.js
我用Webpack创建了我的项目,并在开发中使用了Vue.js,但是我不能注入
我不知道在ReactJS网页包中加载图像的合适加载程序是什么, 你可以帮我一把吗?我得到这个错误: 以下是网页包配置: 非常感谢!!
我正在学习反应,并试图用webpack创建一个样板。我遵循了一个教程,在他的视频作品的一切,但在我的电脑上,我得到的错误消息,一个适当的加载器需要处理一个特定的文件类型。 这就是错误产生的文件 以下是错误消息: ./src/index.js 5:16模块解析中出错失败:意外标记(5:16)您可能需要适当的加载程序来处理此文件类型。|从“./components/App”导入应用程序| ReactD
我正在尝试编译我的React项目,但是这些错误突然出现: 终端输出: 有人知道为什么会这样吗?