如何在 Laravel 和 Vue.js 的自定义 js 文件中使用组件？答案

【问题标题】：How to use components in my custom js file in Laravel and Vue.js?如何在 Laravel 和 Vue.js 的自定义 js 文件中使用组件？
【发布时间】：2019-06-02 08:36:58
【问题描述】：

我是 Laravel 和 Vue.js 的新手。我创建了一个简单的 Laravel/Vue.js 项目，如下所示：https://itsolutionstuff.com/post/laravel-5-and-vue-js-crud-with-pagination-example-and-demo-from-scratchexample.html

现在我想在刀片文件中添加日期选择器：https://talkhabi.github.io/vue-persian-datetime-picker/#/installation

但是，当我将组件导入我的 js 文件（例如 item.js）时，我收到以下错误消息：

语法错误：导入声明只能出现在模块的顶层。

【问题讨论】：

也许这可以帮助你：es6-modules-getting-started-gotchas

标签： laravel vue.js vuejs2 laravel-5.7

【解决方案1】：

您的导入语句必须位于 JS 文件的开头。常规代码之后不应出现任何导入语句。

【讨论】：

我在 item.js 文件的顶部添加了代码。但我再次收到该错误消息。
我在 item.js 的这一行之前添加 (import VuePersianDatetimePicker from 'vue-persian-datetime-picker';)：Vue.http.headers.common['X-CSRF-TOKEN'] = $('meta[name="csrf-token"]').attr('content');