ReferenceError: exports is not defined

[bnn16]

I seem to have this issue that I can't seem to fix. I updated my main tsconfig recently and for some reason my tests now fail.
Full log can be found here : https://pastebin.com/fTHJZ77S ( I deleted majority of the repeating stuff from debug )

karma versions -

"karma": "^6.4.3",
    "karma-chrome-launcher": "^3.2.0",
    "karma-jasmine": "^5.1.0",
    "karma-jasmine-dom-matchers": "^0.1.2",
    "karma-jasmine-html-reporter": "^2.1.0",
    "karma-spec-reporter": "0.0.36",
    "karma-typescript": "^5.4",
    "karma-typescript-es6-transform": "^5.5.4",

my tsconfig is

{
    "compilerOptions": {
        "baseUrl": "./",
        "esModuleInterop": true,
        "allowSyntheticDefaultImports": true,
        "strict": true,
        "target": "ES6",
        "module": "ESNext",
        "moduleResolution": "node",
        "noFallthroughCasesInSwitch": true,
        "noErrorTruncation": true,
        "noImplicitAny": true,
        "noImplicitReturns": true,
        "noImplicitThis": true,
        "noImplicitOverride": true,
        "noUnusedLocals": true,
        "noUnusedParameters": true,
        "resolveJsonModule": true,
        "sourceMap": true,
        "jsx": "react-jsx",
        "lib": [
            "ESNext",
            "DOM"
        ],
        "typeRoots": [
            "./declarations",
            "./node_modules/@types"
        ],
        "types": [
            "jasmine",
            "jasmine_dom_matchers",
            "node",
            "resize-observer-browser"
        ],
        "paths": {
            "@foo/foo-lab": [
                "./dist/core/"
            ],
        }
    },
    "include": [
        "lib/**/*",
        "storybook/**/*",
        "declarations/**/*",
        "performance/**/*",
        "scripts/**/*",
        "wdio.conf.mts"
    ],
    "exclude": [
        "dist"
    ],
    "angularCompilerOptions": {
        "enableI18nLegacyMessageIdFormat": false,
        "strictInjectionParameters": true,
        "strictInputAccessModifiers": true,
        "strictTemplates": true
      }
}

My tsconfig.test.json

{
    "extends": "./tsconfig.json",
    "compilerOptions": {
        "module": "CommonJS",
        "sourceMap": true,
        "noEmitOnError": true,
        "paths": {
            "worker-loader*": [
                "./lib/core/common/test/WebWorkerMock.ts"
            ],
            "@foo/foo-lab": [
                "./lib/core/"
            ]
        },
        "skipLibCheck": true,
    },
    "include": [
        "lib/**/*.ts",
        "declarations/**/*"
    ],
    "exclude": [
        "node_modules",
    ]
}

and finally my karma.conf.js

const isCoverageEnabled = () => process.argv.includes('--coverage');

module.exports = function(config) {
    config.set({
        basePath: '',
        frameworks: [
            'jasmine',
            'karma-typescript',
            'jasmine-dom-matchers',
        ],
        files: [
            'lib/core/test.config.ts',
            'lib/core/**/*.ts',
            'lib/core/**/*.scss',
        ],
        client: {
            clearContext: false,
            jasmine: { failSpecWithNoExpectations: true },
        },
        plugins: [
            'karma-spec-reporter',
            'karma-jasmine',
            'karma-jasmine-dom-matchers',
            'karma-typescript',
            'karma-jasmine-html-reporter',
            'karma-chrome-launcher',
            '@alasdair/karma-scss-preprocessor',
        ],
        preprocessors: {
            'lib/core/**/*.ts': 'karma-typescript',
            'lib/core/**/*.scss': [ 'scss' ],
        },
        reporters: [ 'spec', 'karma-typescript' ],
        port: 9876,
        colors: true,
        logLevel: config.LOG_INFO,
        autoWatch: true,
        browsers: [ 'Chrome' ],
        singleRun: false,
        concurrency: Infinity,
        karmaTypescriptConfig: {
            tsconfig: './tsconfig.test.json',
            reports: {
                'html': {
                    'directory': 'coverage',
                    'subdirectory': () => '',
                },
                'lcovonly': {
                    'directory': 'coverage',
                    'subdirectory': () => '',
                },
            },
            bundlerOptions: {
                sourceMap: true,
                transforms: [
                    require('karma-typescript-es6-transform')(),
                ],
            },
            coverageOptions: {
                instrumentation: isCoverageEnabled(),
                exclude: [
                    /\.(d|spec|test)\.ts$/i,
                    /(\\|\/)index\.ts$/i,
                ],
                threshold: {
                    global: {
                        statements: 60,
                        branches: 60,
                        functions: 60,
                        lines: 60,
                    },
                },
            },
        },
    });
};

For whatever reason it doesn't work. I tried #19 and #111, I can't seem to find the issue. Any idea what might be causing it

[dlarocque]

I am also seeing this issue. I think it there may be a compatibility issue with TS 5.5.4, which is the version we're both using.

[hsubox76]

Just for anyone else experiencing this, I narrowed down the cause. Unfortunately karma-typescript is deprecated so I don't think it will be fixed but just an FYI for anyone else having this problem.

Basically, there was an undocumented change in TS between TS 5.2.2 and 5.3.3 that removes a property on sourceFile called resolvedModules that karma-typescript uses to find module dependencies and moves it to Program instead. The PR is microsoft/TypeScript#55790 - not mentioned in the changelogs. To fix it, karma-typescript would have to look at Program somehow.

Anyway, not finding any of these modules causes it to say Project has 0 import/require statements, code will not be bundled in the debug logs, and it doesn't bundle the code into a CommonJS IIFE, and it causes it to have references to Node stuff (like "exports" and "require") at the top level which breaks in the browser.

We're probably going to migrate to another test framework but if anyone's stuck with karma-typescript maybe you could fix this with patch-package or a fork. You could also lock TypeScript to 5.2.2 in a pinch.