电子生产构建 css url() 路径损坏

如何解决电子生产构建 css url() 路径损坏

我正在处理的一个 Electron 项目有问题。 我正在使用 React 和 Sass，当我尝试在 background:url() 中使用来自 public 的图像时会出现问题，它不适用于生产，它试图从根系统文件夹而不是公共文件夹。

这是我的 package.json：

{
  "name": "reactron","version": "0.1.0","private": true,"dependencies": {
    "@reduxjs/toolkit": "^1.3.6","@testing-library/jest-dom": "^4.2.4","@testing-library/react": "^9.5.0","@testing-library/user-event": "^7.2.1","concurrently": "^5.1.0","cross-env": "^7.0.2","electron-is-dev": "^1.1.0","electron-react-devtools": "^0.5.3","gsap": "^3.4.0","howler": "^2.1.3","node-sass": "^4.13.1","react": "^16.13.0","react-contextmenu": "^2.14.0","react-dom": "^16.13.0","react-indiana-drag-scroll": "^1.8.0","react-redux": "^7.2.0","react-scripts": "^3.4.3","redux": "^4.0.5","wait-on": "^4.0.1"
  },"main": "public/electron.js","homepage": "./","scripts": {
    "react-start": "react-scripts start","react-build": "react-scripts build","react-test": "react-scripts test --env=jsdom","react-eject": "react-scripts eject","electron-build": "electron-builder","build-electron": "mkdir build/src && robocopy electron build/electron /S & robocopy src/shared build/src/shared /S","release": "npm run react-build && electron-builder --publish=always","build": "npm run react-build && npm run electron-build","start": "concurrently \"cross-env broWSER=none npm run react-start\" \"wait-on http://localhost:3000 && electron .\""
  },"eslintConfig": {
    "extends": "react-app"
  },"browserslist": {
    "production": [
      ">0.2%","not dead","not op_mini all"
    ],"development": [
      "last 1 chrome version","last 1 firefox version","last 1 safari version"
    ]
  },"devDependencies": {
    "electron": "^8.1.1","electron-builder": "^22.4.1","electron-packager": "^14.2.1"
  },"build": {
    "extraResources": [
      "public"
    ]
  }
}

虽然开发一切正常，但图像是从公共文件夹加载的。 这是我在运行 npm run build 时遇到的错误：

./src/assets/styles/sass/main.scss
Error: resolve-url-loader: CSS error
  source-map information is not available at url() declaration (found orphan CR,try removeCR option) 

我找到了解决方案，转到 node_modules/resolve-url-loader 并修改 index.js，在第 46 行的 var options = Object.assign 下：已更改 removeCR 到 真。

现在我的项目构建正确，但这就是加载 css 的 url() 上的图像的方式： CSS error on path loading image

老实说，我现在不知道如何解决这个问题。