在chrome

时间:2016-08-03 07:31:09

标签: javascript google-chrome reactjs

我是React学习的新手。我刚从这个站点下载了Starter Kit 15.3.0:https://facebook.github.io/react/docs/getting-started.html

我正在使用Chrome浏览器。当试图将单独的js文件包含到像h的html页面中时 https://facebook.github.io/react/docs/getting-started.html#separate-file
说,Chrome报告错误:

XMLHttpRequest cannot load file:///C:/Users/jxu200/Desktop/react-15.3.0/src/helloworld.js. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

我注意到反应团队提到:

Note that some browsers (Chrome, e.g.) will fail to load the file unless it's served 
via HTTP.

我的问题是:为什么

react.js/react-dom.js/react-dom-server.js/react-with-addons.js,  

/ build文件夹中的所有js文件都可以正常加载,但是我自己创建的js文件无法正常加载?即使我将我的js文件放在/ build文件夹中?加载react.js代码时chrome实际上做了什么?

1 个答案:

答案 0 :(得分:1)

您需要一些评论中指出的开发服务器。您可以将webpack用于较大的项目,但仅运行示例,您可以使用简单的serve npm包。

  1. 安装NodeJS
  2. 打开节点命令提示符(如果您使用的是Linux / OSX,则为控制台)
  3. 安装npm servenpm install -g serve
  4. 从命令行导航到入门工具包文件夹并运行serve命令
  5. 在浏览器中导航至http://localhost:3000/