node.js - Hapijs-react-views 设置

Question

我发现按照 hapijs-react-views 包设置指南 ( npm hapi-js-react-views ) 遇到一些困难。

我可以运行服务器，但我只在 localhost:3000 上收到此错误

{"statusCode":500,"error":"Internal Server Error","message":"An internal server error occurred"}

我在 github 上的仓库是:hapi-react GitHub

我的代码是:

-routes
--index.js
-views
--index.jsx
-app.js
-package.js

//routes/index.js

exports.index = function(request, reply){
  reply.view('index', { name: 'John' });
};

//views/index.js

var HelloMessage = React.createClass({
   render: function() {
      return <div>Hello {this.props.name}</div>;
   }
});

module.exports = HelloMessage;

//app.js

var hapi = require('hapi');
var vision = require('vision');
var path = require('path');
var engine = require('hapijs-react-views')();

// Create a server with a host and port
var server = new hapi.Server();
server.connection({ 
    host: 'localhost', 
    port: 3000 
});

// Register Hapi plugins
server.register(vision, function (err) {
  if(err) throw err;
});

var options = { jsx: { harmony: true } };
server.views({
    defaultExtension: 'jsx',
    engines: {
        jsx: require('hapijs-react-views')(options), // support for .jsx files
        js: require('hapijs-react-views')(options) // support for .js
    },
    relativeTo: __dirname,
    path: 'views'
});

// Add the route
server.route({
    method: 'GET',
    path: '/',
    config: {
        handler: require('./routes').index
    }
});

// Start the server
server.start((err) => {

    if (err) {
        throw err;
    }
    console.log('Server running at:', server.info.uri);
});

//package.json

  "dependencies": {
    "hapi": "^13.4.1",
    "hapijs-react-views": "^0.7.3",
    "react": "^15.1.0",
    "vision": "^4.1.0"
  }

你能帮我吗？提前致谢。

Answer 1

对于将来看到这一点的任何人，这里有一个使用 vision 渲染 jsx 的工作示例:https://github.com/hapijs/vision/tree/master/examples/jsx