Laravel.mixのModule parse failed

Question

npm run watch

で

error  in ./~/react-laravel-paginator/Paginator.jsx

Module parse failed: ◯◯/node_modules/react-laravel-paginator/Paginator.jsx Unexpected token (37:12)
You may need an appropriate loader to handle this file type.
|         var classStr = classNames({ disabled: this.props.currPage <= 1 });
|         return (
|             <li key="prev" className={classStr}>
|                 <a href="#" rel="prev" onClick={this.prevPageClicked}>«</a>
|             </li>

と出てしまいます。どなたか教えてもらえませんでしょうか

Answer 1

reactを利用しているようですが、webpack.mix.jsのmix.js()の部分はmix.react()に変更していますか？
https://readouble.com/laravel/5.4/ja/mix.html#react

Comments

[roooo]

今mix.react()にしましたが、ダメです。
react-laravel-paginator
を導入してからダメなようです。

[roooo]

お願いします！！！

react-laravel-paginator
にそもそもバグがあるのでしょうか？

[fagai]

サクッと確認してみましたが、たしかに対象の位置で落ちますね。。。
そもそもこのパッケージも2年前から更新されてないかつ、DL数も少ないので可能性はありそうではあります。

[fagai]

色々追ってみたのですが、原因はしっかりと判断できませんでしたが以下が分かりました。

このreact-laravel-paginatorで使われているReact.cleateClassは現在のreactのバージョンですでに非推奨となっており、次のバージョンで消えるみたいです。
このパッケージが更新されるとも思い難いので、利用せずに自分で用意したほうが懸命かと思います。

[roooo]

ありがとうございます！！
自分で作ります！