“无法解析源图”- Electron React应用程序崩溃

slhcrj9b  于 2022-12-08  发布在  Electron
关注(0)|答案(1)|浏览(213)

我是一个新的编码。并试图使一个电子应用程序与React。在应用程序中,我想保存用户登录信息在应用程序中,以便我可以自动获取数据时,应用程序启动。所以,我使用electron-settings保存数据。
代码示例:
app.jsx

...

import setting from "electron-settings";

function App() {
  ...

  useEffect(() => {
    const getUser = async () => {
      return await setting.get('xpass-user')
    }
    
    console.log(getUser());
  }, [])
  
  return ...;
}

export default App;

electron.js

const { app, BrowserWindow, ipcMain } = require('electron')
const path = require('path')
const url = require('url')
const isDev = require('electron-is-dev')

function createWindow() {
  // Create the browser window.
  const win = new BrowserWindow({
    width: 1250,
    height: 900,
    titleBarStyle: "hiddenInset",
    autoHideMenuBar: true,
    webPreferences: {
      nodeIntegration: true,
      enableRemoteModule: true,
    }
  })

  win.loadURL(
    isDev
      ? 'http://localhost:3000'
      : url.format({
          pathname: path.join(__dirname, 'index.html'),
          protocol: 'file:',
          slashes: true
        })
  )

  win.webContents.openDevTools();

}

app.on('ready',createWindow)

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', function () {
  if (BrowserWindow.getAllWindows().length === 0) createWindow()
})

错误:
166:27-40第166章:我的错
找不到模块:错误:无法解析“C:\Users\learner\app\node_modules\electron-settings\dist”中的“fs”
170:29-44第170章:我是你的朋友
找不到模块:错误:无法解析“C:\Users\learner\app\node_modules\electron-settings\dist”中的“路径”
突破性变化:webpack〈5默认情况下用于包含node.js核心模块的polyfill。现在不再是这样了。请验证您是否需要此模块并为其配置polyfill。
如果要包括多边形填充,则需要:

  • 添加回退'resolve。回退:{“路径”:需要。resolve(“路径-浏览器化”)}'
  • install 'path-browserify'如果你不想包含polyfill,你可以使用一个空模块,如下所示:resolve.fallback:{“路径”:假}

错误在./节点_模块/电子设置/节点_模块/mkdirp/lib/查找-made. js 3:4-19中
找不到模块:错误:无法解析“C:\Users\app\node_modules\electron-settings\node_modules\mkdirp\lib”中的“路径”
如果有人能帮助我,我将不胜感激。谢谢

mzillmmw

mzillmmw1#

找不到模块:错误:无法解析'fs'于...

In create-react-app, they have stubbed out 'fs'.You cannot import it. They did this because fs is a node core module.

Add the following to the root of the "package.json" file.

"browser": {
  "fs": false,
  "path": false,
  "os": false
}

突破性变化:webpack〈5默认情况下用于包含node.js核心模块的polyfill。现在不再是这样了。请验证您是否需要此模块并为其配置polyfill。
要解决此问题,请检查此问题How to Polyfill node core modules in webpack 5

相关问题