找不到模块“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')