Uncaught Error: Invariant failed

[dylan-jaris]

In our remix-vite project, we use GH actions to run a few steps during the build process. Specifically during a testing step, which uses playwright, we're seeing this error: Uncaught Error: Invariant failed. But when viewing tiny-invariant.ts I'm seeing that the error messages are stripped when in production mode so how am I supposed to be able to tell which invariant is throwing this error? When I run the tests locally I'm not seeing any invariant errors - only during the build towards production. Is there a way to enable these messages in production?

deps:

"tiny-invariant": "^1.3.3"
"@playwright/test": "1.46.1",
"@remix-run/node": "^2.11.2",
"@remix-run/react": "^2.11.2",
"@remix-run/serve": "^2.11.2"

[jaxxreal]

I came across exactly the same issue with not seeing errors on production 🤦 Ended up copying-pasting the code with stripped out portion https://github.com/alexreardon/tiny-invariant/blob/master/src/tiny-invariant.ts#L34

[drichardcarl]

You can try building source maps too or enabling source map support for remix (if using custom server).

• https://vitejs.dev/config/build-options#build-sourcemap
• https://remix.run/docs/en/main/start/v2#source-map-support
• https://www.npmjs.com/package/source-map-support#programmatic-usage

[Thanaen]

Here goes the tiny-tiny-invariant

// invariant.ts
/**
 * Check that the value is truthy, otherwise throw an error with the message
 * @param value The value to check
 * @param message The error message
 */
export function invariant(value: unknown, message: string): asserts value {
  if (value) {
    return;
  }

  throw Error(message);
}