javascript - 不变违规 : Invalid tag: 'use strict' ;

Question

在转译以下 index.js 文件时，出现此错误:

Invariant Violation: Invalid tag: 'use strict';

我正在使用babel-core、react、react-dom。

我的index.js文件:

import React from 'react'
import { render } from 'react-dom'
import { Router, Route, browserHistory, IndexRoute } from 'react-router'
import App from './components/App'
import Home from './components/Home'
import FundDetail from './components/FundDetail'

render((
  <Router history={browserHistory}>
    <Route path="/" component={App}>
      <IndexRoute component={Home}/>
      <Route path="/fund/:id" component={FundDetail}/>
    </Route>
  </Router>
), document.getElementById('content'))

我的.babaelrc文件:

{
  "presets": ["es2015"],
  "plugins": ["transform-strict-mode", "transform-react-jsx"]
}

服务器代码:

    var React = require("react");
    var ReactDom = require("react-dom/server");
    var babel = require('babel-core');
    var Component;
    babel.transformFile("./assets/js/index.js", {}, function (err, result) {
      if(err) {
        sails.log.error(err)
      } else {
        Component = React.createFactory(result.code);
        var comp = Component();
        res.send(ReactDom.renderToString(comp));
      }
    });

我应该做什么？

Answer 1

我猜 transform-react-jsx 不是您唯一需要的东西，为什么不使用预设呢？尽你所能 see不仅仅是这个转换:

npm i babel-preset-react --save

并将其添加到.babelrc:

"presets": ["es2015", "react"]

并删除变换。

还可以在服务器上尝试babel-core/register。

我也不确定你在用 babel.transformFile 做什么？通常你只需做类似的事情:

server.get('*', require('./router'));

文件导出 function 的位置它使用react-router的匹配。我之前没有见过这种需要 index.js 文件(不导出任何内容)但进行 react 渲染的方法？