1

In Electron-Typescript app I'm having this issue:

(node:26402) UnhandledPromiseRejectionWarning: Error: No native build was 
found for platform=linux arch=x64 runtime=electron abi=82 uv=1 libc=glibc 
node=12.16.3 electron=10.2.0 webpack=true
    loaded from: /home/marco/webMatters/electronMatters/IpfsPlaying
/.webpack/main

    at Function.module.exports../node_modules/node-gyp-
build/index.js.load.path (/home/marco/webMatters/electronMatters/IpfsPlaying
/.webpack/main/index.js:193915:9)
    at load (/home/marco/webMatters/electronMatters/IpfsPlaying/.webpack
/main/index.js:193877:30)
    at Object../node_modules/leveldown/binding.js (/home/marco/webMatters
/electronMatters/IpfsPlaying/.webpack/main/index.js:130044:101)
    at __webpack_require__ (/home/marco/webMatters/electronMatters/IpfsPlaying
/.webpack/main/index.js:21:30)
    at Object../node_modules/leveldown/leveldown.js (/home/marco/webMatters
/electronMatters/IpfsPlaying/.webpack/main/index.js:130158:17)
at __webpack_require__ (/home/marco/webMatters/electronMatters/IpfsPlaying
/.webpack/main/index.js:21:30)
    at Object../node_modules/level/level.js (/home/marco/webMatters
/electronMatters/IpfsPlaying/.webpack/main/index.js:130032:111)
    at __webpack_require__ (/home/marco/webMatters/electronMatters/IpfsPlaying
/.webpack/main/index.js:21:30)
    at new LevelDatastore (/home/marco/webMatters/electronMatters/IpfsPlaying
/.webpack/main/index.js:62350:23)
    at Object.createBackend [as create] (/home/marco/webMatters
/electronMatters/IpfsPlaying/.webpack/main/index.js:111452:10)
(node:26402) UnhandledPromiseRejectionWarning: Unhandled promise rejection.      
This error originated either by throwing inside of an async function without a 
catch block, or by rejecting a promise which was not handled with .catch(). 
To terminate the node process on unhandled promise rejection, use the CLI flag
 `--unhandled-rejections=strict` (see https://nodejs.org
/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)
(node:26402) [DEP0018] DeprecationWarning: Unhandled promise rejections are 
deprecated. In the future, promise rejections that are not handled will 
terminate the Node.js process with a non-zero exit code.

in main.ts :

import Ipfs from 'ipfs';
import IpfsHttpClient from 'ipfs-http-client';

const ops = async () => {
  const node = await Ipfs.create({ repo: String(Math.random() + Date.now()) });
  console.log('Ipfs node is ready');
}

Looking for the package leveldown, I found it is used by ipfs :

(base) marco@pc01:~/webMatters/electronMatters/IpfsPlaying$ npm ls leveldown
IpfsPlaying@2.0.2 /home/marco/webMatters/electronMatters/IpfsPlaying
└─┬ ipfs@0.54.1
  └─┬ ipfs-repo@8.0.0
    └─┬ datastore-level@4.0.0
      └─┬ level@6.0.1
        └── leveldown@5.6.0

I searched and found that someone else had the same problem, which solved in this way: https://github.com/electron/electron/issues/20075#issuecomment-645750731

I've put

  externals: {
    "pouchdb": "require('pouchdb')"
  }

in webpack.main.js :

module.exports = {
  /**
   * This is the main entry point for your application, it's the first file
   * that runs in the main process.
   */
  entry: ['./src/main.ts'],
  // Put your normal webpack config below here
  module: {
    rules: require('./webpack.rules'),
  },
  resolve: {
    extensions: ['.js', '.ts', '.jsx', '.tsx', '.css', '.json'],
    alias: require('./webpack.aliases'),
  },
  // https://github.com/electron/electron/issues/9920
  target: 'electron-main',
  externals: {
    "pouchdb": "require('pouchdb')"
  }
};

and in webpack.plugin.js :

// eslint-disable-next-line @typescript-eslint/no-var-requires
const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');

const webpack = require('webpack');

module.exports = [
  new ForkTsCheckerWebpackPlugin(),
  new webpack.ExternalsPlugin('commonjs', [
    'electron'
  ]),
  new webpack.ExternalsPlugin("commonjs", [
    'leveldown'
  ])
];

but didn't the solve the problem.

This is the package.json:

{
  "name": "IpfsPlaying",
  "version": "2.0.2",
  "description": "IpfsPlaying",
  "main": ".webpack/main",
  "scripts": {
    "start": "cross-env NODE_ENV=development electron-forge start",
    "package": "electron-forge package",
    "make": "electron-forge make",
    "publish": "electron-forge publish",
    "lint": "eslint --ext .ts ."
  },
  "repository": {
    "type": "git",
    "url": "https://github.com/raphael10-collab/IpfsPlaying"
  },
  "license": "MIT",
  "config": {
    "forge": "./tools/forge/forge.config.js"
  },
  "devDependencies": {
    "@electron-forge/cli": "^6.0.0-beta.54",
    "@electron-forge/maker-deb": "6.0.0-beta.53",
    "@electron-forge/maker-rpm": "6.0.0-beta.53",
    "@electron-forge/maker-squirrel": "^6.0.0-beta.54",
    "@electron-forge/maker-zip": "6.0.0-beta.53",
    "@electron-forge/plugin-webpack": "6.0.0-beta.53",
    "@types/react": "^16.9.49",
    "@types/react-dom": "^16.9.8",
    "@types/webpack-env": "^1.15.2",
    "@typescript-eslint/eslint-plugin": "^4.1.1",
    "@typescript-eslint/parser": "^4.1.1",
    "copy-webpack-plugin": "6",
    "cross-env": "^7.0.2",
    "electron": "^10.1.2",
    "eslint": "^7.9.0",
    "eslint-import-resolver-alias": "^1.1.2",
    "eslint-plugin-import": "^2.20.0",
    "eslint-plugin-react": "^7.20.6",
    "fork-ts-checker-webpack-plugin": "^5.2.0",
    "less": "^3.12.2",
    "node-loader": "^1.0.1",
    "react-hot-loader": "^4.12.21",
    "ts-loader": "^8.0.3",
    "typescript": "^4.0.2",
    "webpack": "4"
  },
  "dependencies": {
    "@hot-loader/react-dom": "^16.13.0",
    "electron-squirrel-startup": "^1.0.0",
    "ipfs": "^0.54.1",
    "ipfs-http-client": "^49.0.1",
    "ipfs-utils": "^6.0.0",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-viewer": "^3.2.2",
    "react-window": "^1.8.6"
  }
}
  • node: v14.5.0
  • O.S.: Ubuntu 18.04.4 Desktop

How to solve it?

Raphael10
  • 2,508
  • 7
  • 22
  • 50

0 Answers0