gpt4 book ai didi

javascript - chrome 加载react.js 出错

转载 作者:行者123 更新时间:2023-12-03 06:23:55 25 4
gpt4 key购买 nike

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

我使用的是 Chrome 浏览器。当尝试将单独的 js 文件包含到 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.

我注意到 react 团队提到:

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实际上做了什么?

最佳答案

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

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

关于javascript - chrome 加载react.js 出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38737139/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com