无法获取api / items(来自Pluralsight Express / React Tutorial)

时间:2016-11-24 16:44:45

标签: javascript express gulp

我一直在研究React,Express,FLUX教程。 但似乎是因为我的api数据出现了CAN NOT GET错误。

FILE STRUCTURE

服务器>路线> items.js:

module.exports = function (app) {

  var items = [{
    name: "Ice Cream"
    }, {
      name: "Waffles"
    }, {
      name: "Candy",
      purchased: true
    }, {
      name: "Snarks"
    }];



  app.route('/api/items')
    .get(function(req, res) {
      res.send(items);
    })

};

虽然main.js是:

var express = require('express');
var app = new express();

app.get('/', function(req, res) {
  res.render('./../app/index.ejs',{});
})
  .use(express.static(__dirname + '/../.tmp'))
  .listen(7777);

require('./routes/items')(app);

我还有一个gulpfile来配置并怀疑这是问题所在。但是我不能为我的生活把这一点弄清楚。救命!

var gulp = require('gulp');
var LiveServer = require('gulp-live-server');

var browserSync = require('browser-sync');

var browserify = require('browserify');
var reactify = require('reactify');

var source = require('vinyl-source-stream');

gulp.task('live-server', function() {
    var server = new LiveServer('server/main.js');
    server.start();
});

gulp.task('bundle', ['copy'], function() {
    return browserify({
        entries: 'app/main.jsx',
        debug: true
    })
      .transform(reactify)
      .bundle()
      .pipe(source('app.js'))
      .pipe(gulp.dest('./.tmp'));
});

gulp.task('copy', function() {
    gulp.src(['app/*.css'])
    .pipe(gulp.dest('./.tmp'));
});

gulp.task('serve', ['bundle', 'live-server'], function() {
    browserSync.init(null,{
        proxy:"http://localhost:7777",
        port: 9001
    })
});

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

重新启动killall node并且没问题。显然是某种缓存或EARDINUSE问题。