ReactJS：“未捕获的语法错误：意外的令牌 <”

更新——改用这个：

<script type="text/babel" src="./lander.js"></script>

添加 type="text/jsx" 作为 script 标记的属性，用于包含必须由 JSX Transformer 转换的 JavaScript 文件，如下所示：

<script type="text/jsx" src="./lander.js"></script>

然后，您可以使用 MAMP 或其他一些服务在 localhost 上托管页面，以便所有包含项都能正常工作，如 here 所述。

谢谢各位的帮助！

JSTransform 是 deprecated ，请使用 babel 代替。

<script type="text/babel" src="./lander.js"></script>

添加 type="text/babel" 作为脚本标记的属性，如下所示：

<script type="text/babel" src="./lander.js"></script>

将 type="text/babel" 添加到包含 .jsx 文件的脚本并添加：<script src="https://npmcdn.com/babel-core@5.8.38/browser.min.js"></script>

如果你有类似的东西

Uncaught SyntaxError: embedded: Unexpected token

你可能在这样的地方错过了一个逗号：

  var CommentForm = React.createClass({
  getInitialState: function() {
      return {author: '', text: ''};

  }, // <---- DON'T FORGET THE COMMA

  render: function() {
      return (
      <form className="commentForm">
          <input type="text" placeholder="Nombre" />
          <input type="text" placeholder="Qué opina" />
          <input type="submit" value="Publicar" />
      </form>
      )
  }
  });

如果您收到这样的错误：

SyntaxError：嵌入：意外令牌（107：9）105

可能是您缺少大括号

您拥有的代码是正确的。 JSX代码需要编译成JS：

http://facebook.github.io/react/jsx-compiler.html

就我而言，使用 src="./<file>.js" 不起作用。使用 %PUBLIC_URL% 就可以了。

<script defer async src="%PUBLIC_URL%/some-file.js"></script>

尝试添加 webpack，它解决了我项目中的类似问题。特别是“预设”部分。

module: {
    loaders: [
        {
            test: /\.jsx?/,
            include: APP_DIR,
            loader: 'babel',
            query  :{
                presets:['react','es2015']
            }
        },

就我而言，使用 src="./<file>.js" 不起作用。使用 `%PUBLIC_URL%

我和你有同样的问题，我在我的服务器上做了一些改变

你可以试试这个

const root = require("path").join(__dirname, "./build");
app.use(express.static(root));
app.get("*", (req, res) => {
  res.sendFile("index.html", { root });
});

除了 Dee Jee 解决方案，在尝试了他的解决方案后，我的错误从未消失。

我注意到（在头疼了两天之后）浏览器不正确地缓存了文件。

我的浏览器无法加载缓存文件的预览，并且 express 的状态代码为 301。

在浏览器开发工具的网络选项卡中，我知道这些文件是来自磁盘缓存的服务器。

解决方案

删除缓存的文件。通过在 1 小时内清除浏览器历史记录，从而删除所有缓存的文件。