Question

我是ReactJS的新手，为此问题找到的所有解决方案都使用npm cli，建议使用babel-plugin-transform-es2015-modules-amd。但是我正在使用CDN，这是我的代码：-
1]这是我的index.html

Reviews::groupBy('school_fk')->havingRaw('sum(re_count) > 2')->get();

其中browser.min.js实际上是通天塔其他两个React文件的版本为16.5.2

2]和hello.jsx：-

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello World</title>

    <script src="js/react.production.min.js"></script>
    <script src="js/react-dom.production.min.js"></script>
    <script src="js/browser.min.js"></script>
  </head>
  <body>
      <div id="root"></div>
  </body>
  <script src="js/components/hello.jsx"></script>
</html>

此代码在hello.jsx的第1行引发错误，提示“未捕获的SyntaxError：意外的标识符” 任何帮助深表感谢。谢谢！

Answer 1

由于if someObject.responds(to:Selector("didLoginSuccess:sender:") { someObject.didLogin(success:... sender:...) }是 JSX 。您需要通过设置脚本属性向浏览器表明这一点。

这是通过将脚本 type 属性设置为hello.jsx 例如

来完成的。

text/babel

babel独立脚本遍历具有此属性的脚本的DOM并将其替换为它们的等效译文。

修改

对<script type="text/babel" src="js/components/hello.jsx"></script>

的一些更改

删除导入语句

hello.jsx和ReactDOM在React对象的上下文中是全局变量。

替换

window

与

render(<App />, document.getElementById("root"));

从“反应”导入React；导致未捕获的SyntaxError：意外的标识符

1 个答案: