Typescript+webpack：typescript 没有输出 index.d.ts

Question

我跟着this tutorial 成功设置了typescript+webpack（无反应）。 这一切都很好，直到我添加 index.d.ts 文件我的组件文件夹，我用它来导出我的所有模块，例如：

export * from "./MyClass1";
export * from "./MyClass2";
export * from "./MyClass2";

然后我导入它：

import * as MyLib from "./components";

代码提示和在 sublime 编辑器中一切正常。

最初，当我运行它时，我得到了：

无法解析“文件”或“目录”./components

所以我在 webpack.config.js 的扩展中添加了 d.ts：

 resolve: {
        extensions: ["", ".webpack.js", ".web.js", ".ts", ".tsx", ".js", ".d.ts"]
    },

现在，当我运行 webpack 时，我得到了这个错误：

Typescript 没有为 [...]\index.d.ts 发出任何输出

我应该如何解决这个问题？

Answer 1

index.d.ts

这是一个声明文件。声明文件没有 javascript 发射。

修复

确保.d.ts 文件不是必需的发射的一部分，方法是将其从 webpack 中排除，例如通过将其重定向到ignore-loader

{
    test: /\.tsx?$/,
    loader: 'ts-loader',
    exclude: /node_modules|\.d\.ts$/
},
{
    test: /\.d\.ts$/,
    loader: 'ignore-loader'
},

Answer 2

在这个特定的问题中，index.d.ts 的内容不是定义而是一个模块，应该被移到index.ts 文件中。 我也遇到了错误“typescript emmited no output for index.d.ts”但声明文件有效。

似乎ts-loader 尝试将.d.ts 文件添加到最终捆绑包中，但没有发现要添加的内容，因为它们仅包含构建期间类型检查所需的声明。

对我来说可行的解决方案不是将.d.ts 文件传递​​给ts-loader，而是传递给一些什么都不做的加载程序，例如。 G。 ignore-loader。我的webpack.config.js中对应的规则是：

{
    test: /\.tsx?$/,
    loader: 'ts-loader',
    exclude: /node_modules|\.d\.ts$/
},
{
    test: /\.d\.ts$/,
    loader: 'ignore-loader'
},

ts-loader 如果您使用 ES2018，则配置可能略有不同，其中添加了正则表达式的负向回溯：

{
    test: /(?<!\.d)\.tsx?$/,
    loader: 'ts-loader',
    exclude: /node_modules/
},
//same ignore-loader config here