tsconfig-paths-webpack-plugin | Load modules according to tsconfig paths in webpack | Plugin library

After upgrading react-scripts to v5, craco start does not work properly. App starts with no error but in browser, there is a blank page and if i open inspector, i only see index.html codes not react codes. It was working well with react-scripts@4.0.3. Here is my local files;

package.json

The AWS compilation errors from within node_modules are occurring the build

I have a question for you - how is it possible to implement multi-file compilation while preserving the tree of folders and documents, while not writing each file into entry in this way

I am unable to build and run Storybook after adding it to an Nx Angular v11 project. The project was recently migrated to Nx. The project builds and serves without issue and I was able to add an e2e app without problem.

How do I have a tsconfig.app.json and a tsconfig.tns.json for angular and nativescript/angular for ns8, angular 12 and nativescript/webpack 5

I have a shared Angular and Nativescript repository that gets served for web and mobile.

Angular / Nativescript monorepos have used tsconfig.app.json (angular.json) and tsconfig.tns.json (nativescript/webpack loads this in) to differentiate main.ts vs main.tns.ts loaders.

I have upgraded to @nativescript/webpack 5 and it consistently uses only tsconfig.app.json (loading main.ts which is detailed in angular.json)

Okay! Looks like I need to add a plugin in Nativescript/webpack to tell it to use the tsconfig. Which logs out like it's using it but Angular still is using tsconfig.app.json (where main.tns.ts doesn't exist.... and I can't add it because then it loads web funky)

I am using this template https://github.com/sudokar/nx-serverless to create nx monorepo with serverless freamework, I did not modify any configurations so you can look into it as a reference. it works fine but when I try to import anything from node_modules I get an error during building with webpack

this is a sample of the error

I struggle to make SpaProxyingExtensions.UseProxyToSpaDevelopmentServer work with webpack-dev-server and I couldn't find the suitable configuration.

The error I get in the console

System.InvalidOperationException: The SPA default page middleware could not return the default page '/index.html' because it was not found, and no other middleware handled the request.

I compared the settings with following SO answer and there isn't any striking difference.

The bundling process isn't complex and webpack dumps things to wwwroot/dist folder.

What do I miss here?

Thanks for help.

Folder structure

package.json

I file A I have:

I'm trying to modify a code generated from aws-nodejs-typescript template. I've installed typeorm, reflect-metadata and pg to work with PostgreSQL.

They are in dependencies in package.json

The webpack config is the default one