「意外的標記<」試圖運行節點服務器

當這樣看來，在我的react-server-example（https://github.com/mhart/react-server-example）適應我似乎無法使用JSX。因爲我已經做了一些改動（然而像的WebPack等取代Browserify），經過廣泛的環顧四周，安裝babel-present-react，我似乎無法找出什麼我爲了運行應用程序的思念。「意外的標記<」試圖運行節點服務器

的package.json

{ 
    "name": "react-server-example", 
    "version": "1.1.5", 

... 

    "dependencies": { 
    "babel-preset-react": "^6.5.0", 
    "react": "^0.14.7", 
    "react-dom": "^0.14.7" 
    }, 
    "devDependencies": { 
    "babel-cli": "^6.6.5", 
    "babelify": "^7.2.0", 
    "webpack": "^1.12.14" 
    } 
}

webpack.config.js

module.exports = { 
    entry: "./entry.js", 
    output: { 
     filename: "bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: "style!css" }, 
      { test: /\.js$/, loader: "jsx-loader" }, 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: "babel", 
       query: 
        { 
        presets:['react'] 
        } 
      } 
     ] 
    } 
};

.babelrc

{ 
    "presets": ["es2015", "stage-0", "react"] 
}

來源

2016-03-06 John Doe

你可以看看[EXPRESS-反應的視圖（https://github.com/reactjs/express-react-views），它使用巴貝爾呈現陣營的觀點在服務器上，就像任何其他的模板引擎，如玉器。 – JCOC611

你還可以分享如何配置babel以及如何使用babel處理文件？ –

所以我加了.babelrc文件，但我沒有做任何其他與巴貝爾...... –

-1

它應該是：

render: function() { 
    return (
     <Test name="wassuppp" /> 
    ); 
    }

你似乎缺少回報的開口(。

來源

2016-03-06 04:32:02 thedeliciousmuffin

我不相信這會在Javascript中......工作（但是，如果它在節點，沒關係） –

很好抓，但'返回;'是有效的，括號也是如此。 –

這是不正確的。括號是語法修飾，但不是必需的。 @JohnDoe是正確的。 – rossipedia

「意外的標記<」試圖運行節點服務器

回答

相關問題