Webpack does not work with native dependencies.

[SamHoque]

Webpack does not work with native dependencies.

[leohxj]

does your module use in renderer or main?

native dependencies works with main process.

[leohxj]

and flowbite-react is looks like a UI framework, it has native dependency?

[SamHoque]

I am using it in the renderer

[SamHoque]

Yes, its an UI Library thats why I am confused on the error.

[keemtj]

@SamHoque

Hi, I encountered a similar issue where a native package wasn't working as expected(other package. not yours). To resolve this, I installed the native-addon-loader package as a devDependency in the root package.json and modified the webpack files. Below is the relevant code:

// webpack.config.main.prod.ts
// and
// webpack.config.renderer.dev.ts

{
  ...
  module: {
    ...
    rules: [
      {
        test: /\.node$/,
        use: 'native-addon-loader',
      },
    ],
  },
  resolve: {
    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json', '.node'],
  },
}

By adding this configuration to both webpack.config.main.prod.ts and webpack.config.renderer.dev.ts, the commands npm run start and npm run package now work well.

I hope this experience proves helpful.