我正在尝试使用typescript,express构建一个应用程序。但是我得到了这个错误:Cannot invoke an expression whose type lacks a call signature. Type 'typeof e' has no compatible call signatures
(在app.ts中,其中调用express())
我在这里使用webpack来帮助我的开发。
我的Package.json:
"scripts" :{
"build": "webpack"
},
"dependencies": {
"body-parser": "^1.18.3",
"dotenv": "^6.1.0",
"jsonwebtoken": "^8.3.0",
"nodemon": "^1.18.5"
},
"devDependencies": {
"@types/body-parser": "^1.17.0",
"@types/dotenv": "^4.0.3",
"@types/express": "^4.16.0",
"clean-webpack-plugin": "^0.1.19",
"ts-loader": "^5.3.0",
"ts-node": "^7.0.1",
"typescript": "^3.1.6",
"webpack": "^4.24.0",
"webpack-cli": "^3.1.2"
}
字符串
我的webpack.confg.js
:
var path = require("path");
const CleanWebpackPlugin = require("clean-webpack-plugin");
var fs = require("fs");
var nodeModules = {};
fs.readdirSync("node_modules")
.filter(function(x) {
return [".bin"].indexOf(x) === -1;
})
.forEach(function(mod) {
nodeModules[mod] = "commonjs " + mod;
});
module.exports = {
entry: "./src/index.ts",
plugins: [new CleanWebpackPlugin(["./dist"])],
output: {
filename: "index.js",
path: path.resolve(__dirname, "dist")
},
module: {
rules: [
//all files with .ts extention will be handled y ts-loader
{ test: /\.ts$/, loader: "ts-loader" }
]
},
target: "node",
externals: nodeModules
};
型
我的app.ts
:
import * as express from "express";
import * as bodyParser from "body-parser";
class App {
public app: express.Application;
constructor() {
this.app = express();
this.config();
}
private config(): void {
//add support for application/json type for data
this.app.use(bodyParser.json());
//support application/x-www-form-urlencoded post data
this.app.use(bodyParser.urlencoded({ extended: false }));
}
}
export default new App().app;
型
我正在运行npm run build
,我的构建失败并显示错误。我试着在一些博客中寻找解决方案,但没有人提到这个错误。我设法在app.ts
中添加express.Application
作为app
的类型,我做错了什么?是因为webpack的配置吗?
感谢任何帮助
3条答案
按热度按时间webghufk1#
您需要从express导入默认导出,而不是从命名空间(即包含所有命名导出的对象)导入。
在您的
app.ts
中,这应该是您所需要的全部:字符串
区别在于:
型
kqlmhetl2#
删除“*”
让你的代码
字符串
qzwqbdag3#
对我来说,它的工作是改变进口为-
字符串