如何在 Laravel 中使用 Emoji-mart

Question

我在资源文件夹中制作js文件/resources/js/map.js

import 'emoji-mart/css/emoji-mart.css'
import { Picker } from 'emoji-mart'

加入webpack.mix.js

.js('resources/js/map.js', 'public/js')

使用

npm run dev

添加包含在我的 blade

<script type="text/javascript" src="{{ asset('/js/map.js') }}"></script>

然后尝试在自述文件

中的blade代码中使用

<Picker set='apple' />
<Picker onSelect={this.addEmoji} />

但是什么也没看到

这是我第一次接触laravel mix，你能告诉我我做错了什么吗？

Answer 1

考虑在 Laravel 应用程序中使用为运行构建的表情包。您正在使用无法以这种方式工作的 react-based 插件。

How to use Emoji-mart in Laravel