Question

我正在使用react native构建webapp。我很反应原生。我开始构建一个简单的页面，但它给出了一个错误。我不知道我做错了什么。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>React Tutorial</title>
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <div id="header"></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.12.1/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.12.0/JSXTransformer.js"></script>
    <script src="scripts/header.js"></script>

</body>
</html>

上面的截图是header.js。我做错的地方无法理解。帮我解决任何愚蠢的错误。感谢

Answer 1

您的文件header.js包含浏览器无法理解的JSX。

在尝试在浏览器中加载JSX文件之前，需要将其转换为JS。

执行此操作的一种方法是包含browser.js（来自Babel）并将属性type="text/babel"添加到您的JSX脚本中。

其他选项包括使用Webpack等工具和可以在将JSX发送到客户端之前对其进行预处理的加载程序。

使用react native来构建webapp

1 个答案: