ts-loader 在与自定义加载程序链接时抛出 'export default not found' 警告

Question

我已经创建了一个加载程序来将 XML 类语法转换为打字稿 class，但是将 ts-loader 添加到配置中并抛出 export 'default' was not found。当我导入我的自定义文件类型时，加载程序运行但结果未定义。

在这一点上，我已经将我的加载程序重构为 return 一个硬编码字符串，其中包含要传递给 ts-loader 的准系统打字稿 class，但它仍然无法正常工作。我还制作了一个单独的打字稿文件，它与我的加载程序 returns 完全匹配，只是为了确认语法正确； ts-loader 编译得很好，我得到了我期望的结果。

这是我的加载器 return 目前正在运行的内容：

export default class TestComponent {
    data: Object = {};
    message: String = "hello, world";
}

这是我的自定义文件类型的 webpack 模块规则：

{
    test: /\.comp/,
    use: [
        { loader: 'ts-loader' },
        { loader: path.resolve(__dirname, 'core/compose-loader.js') }
    ],
    exclude: /node_modules/
}

Answer 1

最终通过在我的加载器中添加一个步骤来解决这个问题，以使用 Typescript 中的 transpileModule 自己转译必要的 typescript 源。

找到here

ts-loader 在与自定义加载程序链接时抛出 'export default not found' 警告

ts-loader throws 'export default not found' warning when chained with custom loader

typescript

webpack

ts-loader