2016-05-17 68 views
0

我试图让反应laravel工作。我已经正确安装一切(v8js等),但我不断收到:react-laravel意外的代币

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

这个问题似乎是与我的component.js文件:

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

我该如何解决这个问题?


另外,是否可以使用ES6?


我的观点:

<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> 
+1

你还没有提到任何关于你的构建管道的东西 - 你如何将它转换为ES5?我假设babel具有反应预设和es2015预设? –

+0

提供的代码看起来非常好。问题必须存在于其他地方。 * PS:为眼睛嘘!* – Chris

+0

我已添加我的看法:) – imperium2335

回答

0

它是 “component.js” 或 “components.js”?你可能有一个错字。

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