aws-iot-device-sdk-js-v2 and aws-crt: Could not dynamically require. Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option

[abarke]

This one bugged me for 24h so I hope this helps someone in the same situation.

Simple solution was to simply set aws-crt to external in the nuxt.config.ts

// https://nuxt.com/docs/api/configuration/nuxt-config
import yaml from "@rollup/plugin-yaml";
import fs from "fs";

const external = ["*.hex", "*.prn", "*.bin", "*.exe", "serialport", "aws-crt"];

const defineGlobal = {
  define: {
    global: {},
  },
};

const runtimeConfig = {
  "./runtimeConfig": "./runtimeConfig.browser", // fix production build
};

const styleFiles = (path: string) => {
  const files = fs.readdirSync(path);
  return files.map((i) => "~/" + path + i);
};

export default defineNuxtConfig({
  ssr: false,
  css: styleFiles("styles/"),
  modules: [
    "@nuxtjs/ionic",
    [
      "nuxt-electron",
      {
        build: [
          {
            // Main-Process entry file of the Electron App.
            entry: "electron/main.ts",
            vite: {
              build: {
                rollupOptions: {
                  external,
                },
              },
            },
          },
          {
            entry: "electron/preload.ts",
            onstart(options) {
              // Notify the Renderer-Process to reload the page when the Preload-Scripts build is complete,
              // instead of restarting the entire Electron App.
              options.reload();
            },
            vite: {
              build: {
                rollupOptions: {
                  external,
                },
              },
            },
          },
        ],
      },
    ],
  ],
  ionic: {
    integrations: {
      pwa: true,
      icons: true,
      meta: true,
      router: true,
    },
    css: {
      core: true,
      basic: true,
      utilities: true,
    },
    config: {},
  },
  vite: {
    ...(process.env.NODE_ENV === "development" ? defineGlobal : {}),
    plugins: [yaml()],
    vue: {
      script: {
        defineModel: true,
        propsDestructure: true,
      },
    },
    resolve: {
      alias: {
        ...(process.env.NODE_ENV !== "development" ? runtimeConfig : {}),
      },
    },
    build: {
      rollupOptions: {
        external,
      },
    },
    optimizeDeps: {
      exclude: external,
    },
  },
  nitro: {
    rollupConfig: {
      external,
    },
    externals: {
      // no need for devtools -- should be mocked
      traceOptions: {
        ignore: (file) => {
          return /@vue(\/|\\)devtools-api/.test(file);
        },
      },
    },
  },
});

Any suggestions to improve or feedback is welcome 😀

- Operating System: Windows_NT
- Node Version:     v18.15.0
- Nuxt Version:     3.7.1
- CLI Version:      3.9.1
- Nitro Version:    2.7.0
- Package Manager:  pnpm@8.15.5
- Builder:          -
- User Config:      ssr, css, modules, ionic, vite, nitro
- Runtime Modules:  @nuxtjs/ionic@0.12.1, nuxt-electron@0.6.0
- Build Modules:    -