找不到模块“express”; 找不到名字'process'; 等等

我对Visual Studio Code很陌生,从Visual Studio 2015做了一个横向调整。

我正在使用webpack在VSC中编写我的第一个nodejs / Angular 2失败。 由express-generator提供的示例应用程序工作了一段时间,但现在我正在编写我自己的代码,主要是在TypeScript中。

我在app.ts中有这样的代码:

import * as express from 'express'; import * as http from 'http'; import * as path from 'path'; var controllers = require('./controllers'); var app = express(); app.set('port', process.env.PORT || 80); app.set('views', path.join(__dirname, 'views')); app.set('view engine', 'vash'); app.use(express.favicon()); app.use(express.logger('dev')); app.use(express.json()); app.use(express.urlencoded()); app.use(express.methodOverride()); app.use(app.router); app.use(express.static(path.join(__dirname, 'public'))); // map the routes controllers.init(app); // development only if ('development' === app.get('env')) { app.use(express.errorHandler()); } // set up server http.createServer(app).listen(app.get('port'), () => { console.log(`Express server listening on port ${app.get('port') }`); }); 

webpack.config.js:

 var webpack = require('webpack'), path = require('path'); var app = __dirname; module.exports = { context: app, entry: { app: ['webpack/hot/dev-server', './app.ts'] }, resolve: { extensions: ['', '.webpack.js', '.web.js', '.ts', '.tsx', '.js'] }, output: { path: app, filename: "bundle.js" }, module: { loaders: [ { test: /\.css$/, loader: "style!css" }, { test: /\.ts(x?)$/, loader: 'babel-loader!ts-loader' } ] }, plugins: [ new webpack.HotModuleReplacementPlugin() ] }; 

tsconfig.json:

 { "compilerOptions": { "target": "ES6" }, "files": [ "app.ts" ] } 

我有一些VSC提出的问题。 在我的.ts的第一行,“无法find模块”expression“。” 现在我已经运行了“npm intall express -g”甚至“npm install express”,所以我不知道为什么它在抱怨。 如预期的那样,node_module文件夹包含一个express文件夹。

而且,我的“过程”正在产生令人愉快的结果:“无法find名称”进程“。”,就像我的“__dirname”一样。

所有这些让我觉得nodejsconfiguration不正确。

谁能帮助解决这些问题? 我会在其他地方寻找答案,但我不知道在哪里看,也不知道为什么!

find了! 失踪:

 /// <reference path="typings/express/express.d.ts" /> 

简单。

你可能没有显示你所有的代码,但我看不到任何地方:

 var express = require('express')