带有 ts-loader 的 webpack 线程加载器

Posted 2023-03-13

【中文标题】带有 ts-loader 的 webpack 线程加载器

【英文标题】：webpack thread-loader with ts-loader

【发布时间】：2019-03-05 08:27:33

【问题描述】：

我的 webpack 配置中有以下规则：

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

这会导致：

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

当我删除线程加载器时它工作正常。

【参考方案1】：

根据github 上的示例，您需要将ts-loader 上的happyPackMode 选项设置为true。我遇到了你描述的同样的问题，这让它工作了。

【讨论】：

但这会停止向 webpack 抛出语法打字错误，这是有问题的

@blisher HappyPack 的Documentation 中提到了该修复程序。但是请注意，HappyPack 和 ThreadLoader 在 Webpack 5 中均已弃用。