首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >反应-拉里意料之外的标记

反应-拉里意料之外的标记
EN

Stack Overflow用户
提问于 2016-05-17 12:04:59
回答 3查看 2.2K关注 0票数 0

我在试着做反应--拉拉维尔。我已经正确地安装了所有东西(v8js等),但是我一直得到:

代码语言:javascript
复制
V8Js::executeString():18903: SyntaxError: Unexpected token <

问题似乎在于我的component.js文件:

代码语言:javascript
复制
var Application = React.createClass({
    render: function() {
        return (
            <div className="Networks">
                <ul>
                    <li>Test</li>
                </ul>
            </div>
        );
    }
});

我怎么才能解决这个问题?

另外,是否可以使用ES6?

我的看法是:

代码语言:javascript
复制
<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>
EN

回答 3

Stack Overflow用户

发布于 2018-01-24 17:27:08

是"component.js“还是"components.js"?你可能有个错误。

通常,当您尝试加载不存在的javascript文件时,您会得到SyntaxError: Unexpected token <。Laravel呈现一个404 HTML页面,第一个<跳到脚本标记上。

票数 0
EN

Stack Overflow用户

发布于 2019-12-30 09:48:05

如果有人仍然有此错误,我安装了Laravel 6并设置了React:

代码语言:javascript
复制
php artisan preset react
npm install

然后,我得到了一个类似的错误“语法错误:意外令牌”,因为我们似乎不理解React语法。通过修改webpack.mix.js中的babel配置,它得到了修复:

代码语言:javascript
复制
mix.babelConfig({
  "presets": [
    "@babel/preset-react",
  ],
});
票数 0
EN

Stack Overflow用户

发布于 2020-01-09 13:29:32

如果您对Laravel 6有问题,请检查您的webpack.mix.js文件,它应该是mix.react()而不是mix.js()

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37275664

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档