Javascript 错误:分析错误:第72行:意外标记
我目前正在将reactjs与formsy react一起使用。 我想做服务器渲染,所以我使用node.js。 要使用Formsy,我需要执行以下操作:Javascript 错误:分析错误:第72行:意外标记,javascript,node.js,reactjs,Javascript,Node.js,Reactjs,我目前正在将reactjs与formsy react一起使用。 我想做服务器渲染,所以我使用node.js。 要使用Formsy,我需要执行以下操作: var Formsy = require('formsy-react'); <Formsy.Form url="#" onSubmit={this.handleSubmit} id="submit-job-form" > My form... </Formsy.Form> 但这并没有改变任何事情 多谢各位 编辑
var Formsy = require('formsy-react');
<Formsy.Form url="#" onSubmit={this.handleSubmit} id="submit-job-form" >
My form...
</Formsy.Form>
但这并没有改变任何事情
多谢各位
编辑:
mypackage.json
Here is my package.json:
{
"name": "My project",
"main": "server.js",
"scripts": {
"build-dev": "browserify js/App.js -o bundle.js"
},
"dependencies": {
"body-parser": "~1.0.0",
"cookie-parser": "~1.0.0",
"ejs": "~0.8.5",
"express": "~4.0.0",
"path": "*",
"react": "~0.13.2",
"react-router": ">=0.13.2",
"react-interpolate-component": ">0.6.2",
"react-select": ">0.4.0",
"react-translate-component": ">=0.8.0",
"react-bootstrap": "=0.21.1",
"react-intl": "=1.2.0",
"formsy-react":"0.13.1",
"moment": "2.9.0",
"toastr": "2.0.4",
"counterpart": ">=0.16.4",
"intl": "~0.1.4"
},
"devDependencies": {
"browserify": "~3.20.0",
"gulp": "~3.8.9",
"gulp-browserify": "~0.5.1",
"gulp-concat": "~2.4.1",
"node-jsx": "~0.2.0",
"react-tools": "^0.12.0",
"reactify": "0.15.2"
}
}
node.js认为您的代码是JavaScript(事实并非如此)。这就是为什么会出现
解析错误
(意味着它无法解析它)。你需要先编译。正如评论中所指出的,您可以使用的一个工具是。您必须首先将JSX转换为JavaScript。如果不知道第72行是什么,将很难为您提供帮助。请在JSFIDLE上发布您的代码或粘贴您的代码,同时明确行号。我很乐意提供帮助,但您可以先发布行号吗?第72行是您应该首先编译到JS的行号,谢谢。但什么是“节点jsx”:“~0.2.0”,为什么?如何使任务自动化?用Gulp?问题是我所有的其他JSX代码都在工作。就是这个名为“Formsy.Form”的组件失败了。。。
Here is my package.json:
{
"name": "My project",
"main": "server.js",
"scripts": {
"build-dev": "browserify js/App.js -o bundle.js"
},
"dependencies": {
"body-parser": "~1.0.0",
"cookie-parser": "~1.0.0",
"ejs": "~0.8.5",
"express": "~4.0.0",
"path": "*",
"react": "~0.13.2",
"react-router": ">=0.13.2",
"react-interpolate-component": ">0.6.2",
"react-select": ">0.4.0",
"react-translate-component": ">=0.8.0",
"react-bootstrap": "=0.21.1",
"react-intl": "=1.2.0",
"formsy-react":"0.13.1",
"moment": "2.9.0",
"toastr": "2.0.4",
"counterpart": ">=0.16.4",
"intl": "~0.1.4"
},
"devDependencies": {
"browserify": "~3.20.0",
"gulp": "~3.8.9",
"gulp-browserify": "~0.5.1",
"gulp-concat": "~2.4.1",
"node-jsx": "~0.2.0",
"react-tools": "^0.12.0",
"reactify": "0.15.2"
}
}