"Debug Failure. False expression." after each change with ts-loader and webpack-dev-server

please see https://github.com/microsoft/TypeScript/issues/46555

I have a setup with webpack, ts-loader and typescript where after a single change typescript errors out and I have to restart WDS.

Reproduction

cd apps\app1\app
yarn
yarn start

meanwhile, open file apps\app1\client-components\src\lib.ts and change the returned number

Location of a Minimal Repository that Demonstrates the Issue.

https://github.com/0x53A/typescript-46555

[appzuka]

@0x53A,

I have not investigated your code fully but I think you are trying to use TypeScript project references. When you are using project references TypeScript will pre-transpile your references and you should be including the transpiled code in your main app. So in App.tsx where you have:

import {f} from 'client-components/src/lib';

You should be importing from the transpiled JavaScript, not the source TypeScript.

I wrote a couple of Medium articles on ts-loader and project references that you might find helpful:

https://medium.com/@nickexcell/using-typescript-project-references-with-ts-loader-and-webpack-part-1-5d0c3cd7c603

[adipascu]

I am still having this issue, I think we should reopen.

edit: I’ve managed to workaround this using "exclude" into the root ts-config file to exclude the reference. It looks like ts-loader was somehow processing it twice when in watch mode. edit2: Nevermind, looks like this is an issue with nesting ts references into the same folder, separating each reference into it’s own folder fully resolved this.