javascript - 在写一个react服务器渲染栗子的时候,出现nodemon编译server.jsx 抛出异常?
PHP中文网
PHP中文网 2017-04-11 12:29:50
[JavaScript讨论组]


package.json文件中

"scripts": {

"test": "webpack-dev-server --hot",
"server":"nodemon server.jsx --exec babel-node"

},


server.jsx
具体代码为

import express from 'express'
import React from 'react'
import { renderToString } from 'react-dom/server'
import {RoutingContext,match} from 'react-router'
import {Provider} from 'react-redux'
import * as test from '../../actions/test/testaction'
import routes from './routes'
import configureStore from './stores/index.js'

const app=express()

function renderFullPage(html,initialState){
  return (`
    
    
    
      
    
    
      

${html}

` ) } app.use((req, res) => { match({ routes, location: req.url }, (err, redirectLocation, renderProps) => { if (err) { res.status(500).end(`Internal Server Error ${err}`); } else if (redirectLocation) { res.redirect(redirectLocation.pathname + redirectLocation.search); } else if (renderProps) { const store = configureStore(); const state = store.getState(); Promise.all([ store.dispatch(test.getTestDate()) //store.dispatch(fetchItem(renderProps.params.id)) ]) .then(() => { const html = renderToString( ) res.end(renderFullPage(html, store.getState())); }); } else { res.status(404).end('Not found'); } }); });

这是自己按照教程写的一个小栗子,但是不知道为什么会出现这个错误

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(2)
ringa_lee

目测是缺少 babel-preset-react,检查下.babelrc吧。

伊谢尔伦

我在项目目录下没有.babelrc文件,后来新建了一个.babelrc就可行了

{
  "presets": [
    "es2015",
    "react"
  ],
  "plugins": [
    "syntax-class-properties",
    "syntax-decorators",
    "syntax-object-rest-spread",

    "transform-class-properties",
    "transform-decorators-legacy",
    "transform-object-rest-spread"
  ],
  "env": {
    "start": {
      "plugins": [
        [
          "react-transform", {
            "transforms": [
              {
                "transform": "react-transform-hmr",
                "imports": ["react"],
                "locals": ["module"]
              }
            ]
          }
        ]
      ]
    }
  }
}

谢谢楼上

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号