Hi. I'm just starting to integrate Manifold into an existing Angular 20 app. I have seen this thread, which covers essentially the same problem I'm seeing, though with the new Angular build system esbuild+Vite rather than Webpack, for which the problem is apparently fixed.

Fwiw, manifold.wasm is in node_modules/manifold-3d as you'd expect. So I suppose there's something the build process should be doing to position it for Vite? Gemini suggests an elaborate wasm plug-in setup, but I've been burned by AI before.

Before I go down the rabbit hole of package configuration munging, has anyone already solved this?

My initial setup code:

@Injectable({ providedIn: 'root'})
export class Printing3dService {
  private manifold!: typeof Manifold;

  private async initialize(): Promise<void> {
    const wasm = await Module();
    wasm.setup();
    this.manifold = wasm.Manifold;
  }

  constructor(eventBrokerService: EventBrokerService) { 
    this.initialize();
  }
}

and the error stream:

debug_node.mjs:17990 Angular is running in development mode.
:4200/@fs/home/gene/project/.angular/cache/20.1.5/project/vite/deps/manifold.wasm:1  Failed to load resource: the server responded with a status of 404 (Not Found)
manifold.js:9 wasm streaming compile failed: TypeError: Failed to execute 'compile' on 'WebAssembly': HTTP status code is not 
...

Round 2

I found a hack that works, but won't call it a solution. I added a spec in package.json so that manifold.wasm is published as a static asset at URL root. I.e.

"assets": [
  {
    "glob": "**/*.wasm",
    "input": "node_modules/manifold-3d"
  }
  ...

Then this works for debug builds:

const wasm = await Module({ locateFile: () => 'manifold.wasm' });

But it would be nice to know how to get esbuild to put it in the default location.

Edit For completeness, the binary doesn't need to go at the URL root. For example:

{
  "glob": "**/*.wasm",
  "input": "node_modules/manifold-3d",
  "output": "/applib/"   <<slashes matter>>
}

paired with this will work fine as well:

const wasm = await Module({ locateFile: () => 'applib/manifold.wasm' });

Round 3

Next problem is distribution builds say could not resolve resolve "module". This seems to be esbuild trying to resolve an import that's Node-only. Okay I found a workaround for this, too. Posted it on the other thread.