d.ts文件导出模块

Question

我从打字稿开始，我试图创建一个新的模块，但我有一些问题。

我想将一个js文件导入到我的index.ts中，所以我知道我必须创建一个d.ts文件来创建和解释类型记录的函数。在我的index.ts中，我把这个：

import Toto from "./toto";

这是我的d.ts文件：

declare module 'Toto' {

    function myfunction(callback : Function);

    export default myfunction;

}

但是，在我的d.ts文件中，我有以下错误：

TS1128 :预期的声明或语句

我不明白为什么，因为我的考试很容易。

我用webpack来构建代码，这是我的webpack.config.js

module.exports = {
    entry: "./index.ts",
    output: {
        path: "bundle/",
        filename: "bundle.js"
    },
    resolve: {
        extensions : [".ts", ".tsx", ".js"]
    },
    module: {
        loaders: [
            { test: /\.tsx?$/, loader: "ts-loader" }
        ]
    }
};

还有我的tsconfig.json

{
  "compilerOptions": {
    "target" : "es5"
  }
}

如果你有任何想法:)

问候

Answer 1

如果要直接加载.js文件，只需在编译器选项中设置"allowJS“标志即可。然后TS将尝试使用基于JS的类型推断。TS编译器选项

因此，在您的情况下，只需将allowJS标志添加到编译器选项并跳过d.ts文件。

Answer 2

这个装置对我有用。

//toto.js
function myfunction(callback) {
    callback("42")
}    
exports.default=myfunction


//toto.d.ts
export default function myfunction(callback : Function);


//main.ts
import myfunc from './toto'    
myfunc((res) => console.log(res) )


//tsconfig.json
{
    "compilerOptions": {
        "target" : "es5"
    }
 }

正确运行node main.js日志42

交替使用allowJs

• 从上面的设置中，删除toto.d.ts定义文件。
• 在tsconfig compilerOptions中添加"allowJs":true

=>第一个解决方案需要创建一个定义文件，但是当在main.ts中使用myfunc时，您可以从输入中获益。

Answer 3

最后我发现了我的问题，我的EDI (phpStorm)太老了，它在类型记录1.4中编译代码，而我在类型记录2.2.1中.

谢谢您的反馈，我不知道我是否可以使用这个选项，但对于我来说，这是不建议的，因为我想用typedoc记录我的代码，为此我需要创建这个d.ts文件。