webpack thread-loader with ts-loader

Question

I have the following rule in my webpack config:

       {
            test: /(\.tsx?)$/,
            use: [{
                loader: 'thread-loader'
            },
            {
                loader: 'ts-loader',
                options: {
                    transpileOnly: true,
                    appendTsSuffixTo: [/\.vue$/]
                }
            }]
        }

This results in:

ERROR in ./plugins/axios.ts
Module build failed (from ./node_modules/thread-loader/dist/cjs.js):
Thread Loader (Worker 9)
Cannot read property 'errors' of undefined

It works fine when I remove the thread-loader.

Fluoride

Answer 1

According to the example on github, you need to set the happyPackMode option on the ts-loader to true. I've came across with the same problem you described, and this made it work.

Miltie

But this stops throwing syntactic typescript errors to webpack, which is problematic – Levantine

@Levantine The fix is mentioned in HappyPack's Documentation. Note, however, that both HappyPack and ThreadLoader are deprecated in Webpack 5. – Pegpega