I got the same problem, but your solution seems not to work in my case. I checked your repo and you seem to have removed the solution again. Did you proceed?
Regards
Robin

@boehmrn

My solution didn't work on build artifact. Module was statically initialized {} (didn't change) by vite.config on build.
So, I just import opencv.js by <script>tag and using global.d.ts to typescript type support.

but this package works on create-react-app project(webpack based). If you really want to use that package, use a webpack.

I ran vite this way and it works.
However, when I run the build, it stops with the following error:

[commonjs] Unexpected token (145:18) in E:/Documents/Projects/****/node_modules/vuex/dist/vuex.esm.js
file: E:/Documents/Projects/***/node_modules/vuex/dist/vuex.esm.js:145:18
143: 
144: // Base data struct for store's module, package with some attribute and method
145: var Module = function Module (rawModule, runtime) {
                       ^
146:   this.runtime = runtime;
147:   // Store some children item

Apparently there is a conflict with the Module in Vuex.

There is no help for it, so I use vite at the time of development and vue-cli at the time of build, but is there a better way?
I would like to implement an implementation that reads a wasm file.

I have the same problem with opencv. The solution of @naramdash does not work in build mode. Has anyone found another solution so far?

This one seemed to work when I noticed it. I am using opencv-ts@^1.3.6.
However, as you know, it is a large file, so it is bundled as a separate file with rollup settings in vite.config.ts.

  const config: UserConfig = {
    // ...
    build: {
      rollupOptions: {
        output: {
          manualChunks: {
            // ...
            opencv: ['opencv-ts'],
            // ...
          }
        }
     }
  }