react-laravel 意外的令牌

Question

I am trying to get react-laravel working.我正在尝试让 react-laravel 工作。 I have installed everything correctly (v8js etc) but I keep getting:我已经正确安装了所有东西（v8js 等），但我不断收到：

V8Js::executeString():18903: SyntaxError: Unexpected token <

The problem seems to be with my component.js file:问题似乎出在我的 component.js 文件上：

var Application = React.createClass({
    render: function() {
        return (
            <div className="Networks">
                <ul>
                    <li>Test</li>
                </ul>
            </div>
        );
    }
});

How can I fix this?我该如何解决这个问题？

Also, is it possible to use ES6?另外，是否可以使用 ES6？

My view:我的观点：

<html>

<head>
    <title>JSPM Experiment</title>
    <script src="{{ asset('vendor/react-laravel/react.js') }}"></script>
    <script src="{{ asset('js/components.js') }}"></script>
    <script src="{{ asset('vendor/react-laravel/react_ujs.js') }}"></script>
</head>

<body>

<div id='react-root'>
</div>
@react_component('Application',[ 'title' => 'Hello, World' ], [ 'prerender' => true ])
</body>

</html>

Answer 1

Is it "component.js" or "components.js"?是“component.js”还是“components.js”？ You likely have a typo.你可能有一个错字。

Usually you get SyntaxError: Unexpected token < when trying to load a javascript file that doesn't exist.通常，当您尝试加载不存在的 javascript 文件时，您会收到SyntaxError: Unexpected token < 。 Laravel renders a 404 HTML page and the first < trips up your script tag. Laravel 会渲染一个 404 HTML 页面，第一个<触发你的脚本标签。

Answer 2

In case someone has still this error, I installed Laravel 6 and set up React:如果有人仍然出现此错误，我安装了 Laravel 6 并设置了 React：

php artisan preset react
npm install

And then I got a similar error "Syntax Error: Unexpected token" as the React JSX syntax didn't seem to be understood.然后我得到了一个类似的错误“语法错误：意外的标记”，因为 React JSX 语法似乎没有被理解。 It got fixed by altering babel config in webpack.mix.js :它通过更改webpack.mix.js babel 配置得到修复：

mix.babelConfig({
  "presets": [
    "@babel/preset-react",
  ],
});

Answer 3

If you have problem with Laravel 6. Please check your webpack.mix.js file, it should be mix.react() instead of mix.js()如果你对 Laravel 6 有问题，请检查你的webpack.mix.js文件，它应该是mix.react()而不是mix.js()

https://laravel.com/docs/6.x/mix#react https://laravel.com/docs/6.x/mix#react

react-laravel 意外的令牌

问题描述

3 个解决方案

解决方案1
0 2018-01-24 17:27:08

解决方案2
0 2019-12-30 09:48:05

解决方案3
0 2020-01-09 13:29:32

react-laravel 意外的令牌

问题描述

3 个解决方案

解决方案1 0 2018-01-24 17:27:08

解决方案2 0 2019-12-30 09:48:05

解决方案3 0 2020-01-09 13:29:32

解决方案1
0 2018-01-24 17:27:08

解决方案2
0 2019-12-30 09:48:05

解决方案3
0 2020-01-09 13:29:32