个人中心
文章发布
退出
作者热门文章
- r - 以节省内存的方式增长 data.frame
- ruby-on-rails - ruby/ruby on rails 内存泄漏检测
- android - 无法解析导入android.support.v7.app
- UNIX 域套接字与共享内存(映射文件)
26
4
我正在尝试开始使用 ReactJS 构建网站。然而，当我试图将我的 JS 放在一个单独的文件中时，我开始收到这个错误:“Uncaught SyntaxError: Unexpected token <”。
我尝试将 /** @jsx React.DOM */ 添加到 JS 文件的顶部，但它没有修复任何问题。下面是 HTML 和 JS 文件。关于出了什么问题有什么想法吗？
HTML
<html>
<head>
<title>Page</title>
<script src="http://fb.me/react-0.12.2.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.2.js"></script>
<script src="http://code.jquery.com/jquery-1.10.0.min.js"> </script>
<script src="./lander.js"> </script>
</head>
<body>
<div id="content"></div>
<script type="text/jsx">
React.render(
<Lander />,
document.getElementById('content')
);
</script>
</body>
</html>
JS
/**
* @jsx React.DOM
*/
var Lander = React.createClass({
render: function () {
var info = "Lorem ipsum dolor sit amet... ";
return(
<div>
<div className="info">{info}</div>
</div>
);
}
});
编辑:我意识到我需要将 type="text/jsx" 添加到包含我的着陆器代码的脚本标签中。但是，在添加并重新加载后，我收到此警告
“您正在使用浏览器内的 JSX 转换器。请务必预编译您的 JSX 以用于生产 - http://facebook.github.io/react/docs/tooling-integration.html#jsx”
随后出现此错误:
“XMLHttpRequest 无法加载 file:///Users/.../lander.js。跨源请求仅支持以下协议(protocol)方案:http、data、chrome-extension、https、chrome-extension-resource。”
为了让浏览器 jsx 转换正常工作，我似乎还需要做一些其他事情，但我不确定它是什么。
编辑:哦哦，我需要使用 MAMP 或其他方式来托管它吗？
最佳答案
更新——改用这个:
<script type="text/babel" src="./lander.js"></script>
添加 type="text/jsx" 作为 script 标签的属性，用于包含必须由 JSX Transformer 转换的 JavaScript 文件，如下所示:
<script type="text/jsx" src="./lander.js"></script>
然后您可以使用 MAMP 或其他一些服务在本地主机上托管该页面，以便所有包含项都能正常工作，如所讨论的 here .
感谢大家的帮助!
关于javascript - ReactJS: "Uncaught SyntaxError: Unexpected token <"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28100644/
26
4
0
我在 Python 2 中尝试了这段代码: def NewFunction(): return '£' 但我收到一条错误消息: SyntaxError: Non-ASCII character
我正在学习xpath，并且我正尝试从html usint xpath获取一些数据 我发现谷歌浏览器可以选择“复制xpath”，效果很好 但不适用于这个例子 some divs
我是 ruby 的初学者。我想修复其中一个邮件软件中的错误。我应用的修复代码如下: @headers[:recipient] = { "To" => (cc.map do |p|
我是初学者级别的python用户，当我在终端中键入以下内容时: $ pydoc Inleesgenbank.py 我收到以下错误消息: ./Inleesgenbank.py中的问题-:语法无效(Inl
我正在编写用于解析电子邮件的脚本，但是以下部分的for循环上有一些SyntaxError: def main(): writer = csv.DictWriter(open('feature
我正在尝试在python33中创建分发文件，但没有成功。 我用嵌套器名称创建了一个文件夹，并在Windows 8的C驱动程序中放入了python33。 此文件夹有2个文件。 nester.py和set
当我尝试导入NumPy时，突然出现以下错误: 更具体地说，它在我键入时显示: import numpy as np 要不就: import numpy 它也会在Python控制台中发生，如下所示: P
在我的 HTML 文件中，我有一行(如下)通过 WiFi 从设备获取响应并使数据可用于我的 JavaScript，它运行良好，除非响应文本中有错误并停止。 响应是一个代表 JavaScript 变量的
我开始使用 Javascript OOP，我编写了我的第一个类，但我在控制台中收到消息错误 这是类(class): class Quote{ deleteQuote(callback){ $(
我正在使用argparse来解析参数，但是当我得到args.global时，出现了一个奇怪的错误，我不知道我哪里做错了 ... parser.add_argument('-u','--update',
已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。 这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-top
我正在使用argparse来解析参数，但是当我得到args.global时，出现了一个奇怪的错误，我不知道我哪里做错了 ... parser.add_argument('-u','--update',
有什么不同？为什么它会在函数 a() 中出错？ function a(){ 1 == 1 ? return true: ""; // Uncaught SyntaxError: Unexpe
我有一个 python 脚本，其中包含如下函数参数的类型声明: def dump_var(v: Variable, name: str = None): 据我所知，这是一个为函数设置输入参数类型的有效
我正在尝试从命令行运行 Python 脚本，这是我的脚本: import sys def printsomething(sys.argv): text = str(sys.argv[1])
我在 macbook 上使用终端将数据打印到打开的文件中: >>> out=open("test_output.txt","w") >>> print("hello",file=out) File
我想排除以下代码产生的错误，但我不知道如何。 from datetime import datetime try: date = datetime(2009, 12a, 31) except:
我想在动态生成的列表中放置一个 onclick 事件。我不能按原样使用它，例如 updateRoomID(arg) ，因为它会立即开火。所以我把它放在一个匿名函数中，按照网上各种来源的建议:funct
我有以下脚本: 测试.py: import sys try: import random print random.random() except: print sys.exc
这个问题在这里已经有了答案: "+=" causing SyntaxError in Python (6 个答案) 关闭 3 年前。 在我的代码中有这些行: if numVotes == 0:
我是一名优秀的程序员,十分优秀！