Javascript 网页包包已验证,但节点服务器抛出语法错误
我正在使用webpack捆绑/转换jsx 在命令行中,我运行“webpack--watch”。这将创建没有错误的包。这是我的网页配置和Application.jsJavascript 网页包包已验证,但节点服务器抛出语法错误,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,我正在使用webpack捆绑/转换jsx 在命令行中,我运行“webpack--watch”。这将创建没有错误的包。这是我的网页配置和Application.js 'use strict'; var webpack = require('webpack'); module.exports = { resolve: { extensions: ['', '.js'] }, devtool: 'eval', entry: './client.js',
'use strict';
var webpack = require('webpack');
module.exports = {
resolve: {
extensions: ['', '.js']
},
devtool: 'eval',
entry: './client.js',
output: {
path: __dirname+'/build/js',
filename: 'client.js'
},
module: {
loaders: [
{ test: /\.css$/, loader: 'style!css' },
{ test: /\.js$/, loader: 'jsx-loader?harmony' }
]
}
};
结果:
/Users//Documents/routing/components/Application.js:39
<div>test</div>
^
SyntaxError: Unexpected token <
Webpack只是创建了一个客户端包;运行节点应用程序时,它不会使用webpack加载文件。以前,您可以在Node.js中使用类似于require JSX文件的东西,但该项目后来被弃用,取而代之的是。特别是,需要在节点中使用JSX文件。您可以发布您的
应用程序.js
(或者您的JSX代码是什么样子的)?你的网页配置看起来很好,我添加了Application.js。如果我在为bundle提供服务,我很困惑node为什么会发现语法错误:res.write(“”)test
应该是一个字符串“test”
我把它添加到server.js的第一行,然后它就工作了。。不要在任何随机行号上添加它。。希望这有助于某人。谢谢。现在这一切都很有意义。我正在使用yahoo的fluxible应用程序/routr/fetchr构建一个同构的示例,我只是在一些webpack/node/jsx上没有跟上速度particulars@Michellenode jsx已弃用,请您建议另一种方法?
node server.js
/Users//Documents/routing/components/Application.js:39
<div>test</div>
^
SyntaxError: Unexpected token <
require('node-jsx').install({ extension: '.js', harmony: true });