Nodejs webstorm7创建express出错，何解？

Nodejs WebStorm7 创建 Express 出错，何解？

如果你在使用 WebStorm 7 创建 Node.js Express 应用时遇到错误提示 “Error creating Node.js Express App. Wrong express generator”，这通常是因为 express 命令没有正确安装或者版本不兼容。下面是解决这个问题的步骤：

解决方法

1. 确保正确安装了 express-generator 确保你已经全局安装了 express-generator。如果没有安装，可以使用以下命令进行安装：

   npm install -g express-generator
   

2. 检查 express 模块是否正确安装 有时候，局部安装的 express 可能会干扰全局的 express-generator。你可以尝试删除本地的 express 模块，然后重新创建应用。

   cd F:\workspace\demo
   rm -rf node_modules/express/
   

3. 使用正确的 express 命令创建项目 使用 express-generator 创建项目，而不是直接使用 express 命令。例如：

   express --view=ejs demo-app
   

   这将创建一个名为 demo-app 的新 Express 应用，并使用 EJS 作为视图引擎。

4. 手动安装依赖 进入项目目录并安装所有依赖项：

   cd demo-app
   npm install
   

5. 在 WebStorm 中配置 Node.js 解释器 确保你在 WebStorm 中正确配置了 Node.js 解释器。进入 File -> Settings -> Languages & Frameworks -> Node.js and NPM，选择正确的 Node.js 解释器路径。

6. 重新启动 WebStorm 有时，简单的重启 WebStorm 可以解决一些临时问题。

示例代码

假设你已经使用上述步骤创建了一个新的 Express 应用，你可以查看生成的基本文件结构，例如 app.js 文件：

// app.js
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

// middleware
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

// routes
app.use('/', routes);
app.use('/users', users);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found');
  err.status = 404;
  next(err);
});

// error handlers

// development error handler
if (app.get('env') === 'development') {
  app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
      message: err.message,
      error: err
    });
  });
}

// production error handler
app.use(function(err, req, res, next) {
  res.status(err.status || 500);
  res.render('error', {
    message: err.message,
    error: {}
  });
});

module.exports = app;

通过以上步骤，你应该能够解决在 WebStorm 7 中创建 Express 应用时遇到的错误。