Package Fails with NextJS in Production

[Loque18]

The application works fine in the development environment (localhost) but fails when deployed in production.

this is the error

it seems that is related to nekoton_wasm package, for some reason the wasm file couldn´t be loaded into the built files

[Rexagon]

Please make sure that all files are included in the production bundle. As I mentioned in #8 (comment) you might need to use a wasm-loader

[Loque18]

Please make sure that all files are included in the production bundle. As I mentioned in #8 (comment) you might need to use a wasm-loader

Hello @Rexagon thanks for the fast reply I found a workaround, first I searched for the nekotom_wasm_bg.wasm file on the nekotom package, then I copied it to the root of the project

and I copied the file to the folder with help of copy-wepback-plugin library, I had to add the following to my NextJS config

const CopyPlugin = require("copy-webpack-plugin");
const path = require("path");

const nextConfig = {
  webpack: (config, { isServer }) => {
    if (isServer) {
      config.plugins.push(
        new CopyPlugin({
          patterns: [
            {
              from: path.resolve(__dirname, "./nekoton_wasm_bg.wasm"),
              to: path.resolve(
                __dirname,
                ".next/server/chunks/nekoton_wasm_bg.wasm",
              ),
            },
          ],
        }),
      );
    }

    return config;
  },
};

module.exports = nextConfig;