Question

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
      integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="login.css" type="text/css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
</head>
<body>
  <div id="navbar" class="navbar">

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

我正在尝试使用ReactJS创建一个组件来设置导航栏中的元素。问题是我写的脚本没有链接到html文件。返回到html标记的值是包含nav，ul和li标记的列表。如何解决链接脚本的问题？

感谢您的帮助。

Answer 1

某些浏览器（例如Chrome）无法加载文件，除非通过HTTP提供，这意味着您现在需要一台服务器来查看您的网页。一个好的是http-server，可以使用以下命令从npm安装：

npm install -g http-server

从项目的根目录开始，如下所示：

http-server

现在可以在http://127.0.0.1:8080/

查看您的信息页

无法将JSX脚本链接到html文件

1 个答案: