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

Question

我正在尝试在我的模板中导入vuejs-datepicker，但它不起作用。我没有看到任何结果，如果我查看控制台，它会显示: Uncaught :意外的标识符。我做错了什么吗？是否在刀片模板中不能进行导入？

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

找到了解决方案。所有脚本都在mix.scripts中的位置，而这个JS文件需要在mix.js中。