Hapijs-react-views设置

Question

我发现遵循hapijs-react-views package setup (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

Answer 2

我也遇到了同样的问题。文档中没有说明，但是你仍然需要在视图文件中使用React。这为我解决了这个问题。