ng test error: flights.module.ts is missing from the TypeScript compilation

[careywalker]

Hi, thanks for providing this sample.

When I run ng test, I get the following error:

PS C:\Code\Repos\Git\module-federation-plugin-example-starter> ng test --browsers ChromeHeadless

• Generating browser application bundles...(node:71312) [DEP_WEBPACK_WATCH_WITHOUT_CALLBACK] DeprecationWarning: A 'callback' argument need to be provided to the 'webpack(options, callback)' function when the 'watch' option is set. There is no way to handle the 'watch' option without a callback. \ Generating browser application bundles (phase: building)...26 02 2021 11:44:10.726:WARN [karma]: No captured browser, open http://localhost:9877/ 26 02 2021 11:44:10.753:INFO [karma-server]: Karma v5.2.3 server started at http://localhost:9877/ 26 02 2021 11:44:10.755:INFO [launcher]: Launching browsers ChromeHeadless with concurrency unlimited 26 02 2021 11:44:10.766:INFO [launcher]: Starting browser ChromeHeadless \ Generating browser application bundles (phase: sealing)... ./projects/mfe1/src/app/flights/flights.module.ts - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/index.js): Error: C:\Code\Repos\Git\module-federation-plugin-example-starter\projects\mfe1\src\app\flights\flights.module.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property. at AngularCompilerPlugin.getCompiledFile (C:\Code\Repos\Git\module-federation-plugin-example-starter\node_modules\@ngtools\webpack\src\angular_compiler_plugin.js:957:23) at plugin.done.then (C:\Code\Repos\Git\module-federation-plugin-example-starter\node_modules\@ngtools\webpack\src\loader.js:43:31)

I haven't managed to fix the issue so just checking to see if you had any ideas.

[Santiago-Moreno]

I noticed this issue as well and managed to fix it by including all typescript files (not just spec and d.ts) in every tsconfig. This is how the updated include in every tsconfig looks like:

"include": [
    "src/**/*.spec.ts",
    "src/**/*.d.ts",
    "src/**/*.ts"
  ]

After updating the tsconfigs it compiles fine, though a new error will be thrown once a browser instance gets started:
Uncaught Error: Shared module is not available for eager consumption This is an issue with the way microfrontends get loaded asynchronously (see this link and this one for more information). This issue can be fixed by moving the code from test.ts into a new file bootstrap-test.ts. test.ts then just has the following line of code: import('./bootstrap-test') This also has to be done for every test.ts file.

Now everything works without errors but now I'm facing the issue that no spec files are found. I always get this warning from Karma: Incomplete: No specs found, , randomized with seed. Even though I have created several specs. Does anybody know what might be the issue here ?