在运行以下简单的 react.js 应用程序时，我遇到了一些错误。知道吗？答案

【问题标题】：I am getting few errors while running following simple react.js application .. any idea?在运行以下简单的 react.js 应用程序时，我遇到了一些错误。知道吗？
【发布时间】：2015-11-27 12:47:17
【问题描述】：

var Button = React.createClass({
render: function  () {
	return:(
              <button>Go</button>
		)
}

});
React.render(<Button />, document.getElementById("root"));

<!DOCTYPE html>
<html>
<head>
<title>My React Page</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    

</head>

<body>

<div id="root"></div>

<script type="text/jsx" src="../1.js"></script>
</body>
</html>

我在 chrome 控制台中遇到以下错误。

加载资源失败：net::ERR_FILE_NOT_FOUND react.js:113 下载 React DevTools 以获得更好的开发体验： https://fb.me/react-devtools

JSXTransformer.js:314 您正在使用浏览器内的 JSX 转换器。是确保为生产预编译 JSX - http://facebook.github.io/react/docs/tooling-integration.html#jsx

JSXTransformer.js:215 XMLHttpRequest 无法加载 file:///D:/React.js/react-0.13.3/examples/MyApplication/1.js。叉源请求仅支持协议方案：http、data、铬，铬扩展，https，铬扩展资源.load @ JSXTransformer.js:215

JSXTransformer.js:215 Uncaught NetworkError: Failed to execute 'send' 关于“XMLHttpRequest”：加载失败 'file:///D:/React.js/react-0.13.3/examples/MyApplication/1.js'。

【问题讨论】：

我猜这个错误是因为你试图使用浏览器内的 jsx 转换器。尝试使用加载器，它将您的 jsx 预编译为 js。你可以试试 babel loader。
如何使用 babel loader？
我很抱歉。著名的加金是正确的。我在我的解决方案和 webpack 配置中添加了 babel 加载器，我已经为所有 *.jsx 文件配置了它

标签： javascript reactjs

【解决方案1】：

这不是 React/JSX 问题。直接从文件系统加载内容时，您遇到了 Chrome 网络浏览器的 CORS 限制。

您可以通过两种方式解决此问题：

使用 extensions 或 --disable-web-security CLI 标志等设置禁用 Chrome CORS 行为。
使用node.js http-server、python SimpleHTTPServer等开发网络服务器。

IMO 开发网络服务器选项比围绕特定网络浏览器进行黑客攻击更标准、可移植和透明。

那么您还有一个未捕获错误：解析错误：第 3 行：意外令牌：，因此请删除 Button.render return 中的错误 :。

【讨论】：