Почему в моем упакованном приложении Electron не отображаются файлы SVG?

Я использую electronic-packager для упаковки своего приложения, но SVG-файлы не отображаются в производственной версии по сравнению с версией для разработки.

Файлы сборки содержат SVG, но почему-то они все еще не отображаются в моей сборке prod. Я просто импортирую SVG напрямую и показываю его как файл. Однако изображения, не относящиеся к SVG, похоже, работают правильно.

Вот изображение двух рядом. Есть идеи, почему это могло происходить?

Это компонент, который вы видите на скриншоте.

import React, { useState, useEffect, useContext } from "react";
import drop from "../../assets/images/drop.svg";
import { ipcRenderer } from "electron";
import { ListContext } from "../context/ListContext";

const Start = (props) => {
    const [list, setList] = useContext(ListContext);
    const [redir, setRedir] = useState(false);

    return (
        <div
            className="start"
            onDrop={() => {
                setRedir(<Redirect to="/list" />);
            }}>
            <div className="start-drop">
                <img src={drop} draggable="false" alt="" />
                <p>Drop files or folders here to minify.</p>
            </div>
            {redir}
        </div>
    );
};

export default Start;

А вот часть моего package.json, в которую я упаковываю с помощью electronic-packager:

"scripts": {

        ...

        "package": "yarn run build",
        "postpackage": "electron-packager ./ --out=./release --icon=assets/icons/mac.icns"
    },

person coddingtonjoel    schedule 20.06.2020    source источник


Ответы (1)


Обновление: у меня был дополнительный загрузчик svg в моей конфигурации веб-пакета, который, казалось, отменял мое правило svg для файлового загрузчика. Все работает сейчас!

person coddingtonjoel    schedule 22.06.2020