Laravel刀片模板导入vuejs-datepicker不起作用

Question

我正在尝试将vuejs-datepicker导入我的模板，但无法正常工作。我没有看到任何结果，并且如果在控制台中查看，它会显示：Uncaught SyntaxError：意外的标识符。难道我做错了什么？是否可以在刀片模板中导入？

registration.blade.php：

@section('content')
...
<div class="col-lg-3 col-md-6">
                        <div class="form-group">
                            <label for="yearOfBirth">YEAR OF BIRTH*</label>

                            <datepicker></datepicker>
                        </div>
                    </div>
...
@endsection('content')

@endsection('content')

@section('scripts')
<script>
import Datepicker from 'vuejs-datepicker';

new Vue({
    el: '#form',
    data: {
        name: 'Your horse',
        items: []
    },
    methods: {
        addVideo(){
            this.items.push({
                value: ''
            });
        },
        deleteVideo(index){
            this.items.splice(index,1);
        }
    },
    components: {
        Datepicker: Datepicker
    }
});
</script>
@endsection

Answer 1

找到了解决方案。在Webpack中，所有脚本都在mix.scripts中，而此JS文件则必须在mix.js中。