Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.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 使用webpack加载react图像_Reactjs_Image_Npm_Webpack - Fatal编程技术网

Reactjs 使用webpack加载react图像

Reactjs 使用webpack加载react图像,reactjs,image,npm,webpack,Reactjs,Image,Npm,Webpack,在部署到服务器时,我无法加载映像。 我不知道原因,但当npm渲染图像时,只有很少的工作 我分析了它: 如果,当我检查代码语法时,图像加载良好,它的路径是(数据:image/svg+xml(…))先占优势和后占优势相似 导入时: import adv1 from './img/advantage_first.svg' import adv2 from './img/advantage_second.svg' 渲染时: <img src={adv1} />

在部署到服务器时,我无法加载映像。 我不知道原因,但当npm渲染图像时,只有很少的工作

我分析了它:

如果,当我检查代码语法时,图像加载良好,它的路径是(数据:image/svg+xml(…))先占优势和后占优势相似

导入时:

import adv1 from './img/advantage_first.svg'
import adv2 from './img/advantage_second.svg'
渲染时:

        <img src={adv1} />
        <img src={adv2} />
我应该在哪里找到问题

祝你今天愉快你可以试试

 { test: /\.(png|jpg|svg|ttf|otf|pdf|ico)$/, loader: 'url-loader?limit=1024000' }

尝试将图像加载器(url加载器)的限制从8192增加到10000。这并不能解决问题。我使用102400上传到服务器。现在我的问题是内存不足。它取决于服务器或其他什么?1024000是一个数字,用于指定文件的最大大小(以字节为单位)。如果文件大于限制,则默认情况下使用文件加载器,并将所有查询参数传递给它。如果此数字太大,而您导入的文件太大,则文件包将变大,页面加载速度变慢。当我使用102400时,我会收到关于分配和内存的错误。
 { test: /\.(png|jpg|svg|ttf|otf|pdf|ico)$/, loader: 'url-loader?limit=1024000' }