无法在 Nuxt 中使用 vue-airbnb-style-datepicker

Question

我是 Nuxt 的新手，所以这可能是个愚蠢的问题。

我有一个 Nuxt 项目，我想在其中使用这个插件 vue-airbnb-style-datepicker

我停止安装并将其安装到我的项目中：

npm install vue-airbnb-style-datepicker --save

npm install date-fns

然后在插件文件夹中我创建了一个名为 vue-airbnb-datepicker.js 的文件并在里面添加了这段代码

import Vue from 'vue'
import AirbnbStyleDatepicker from 'vue-airbnb-style-datepicker'
import 'vue-airbnb-style-datepicker/dist/styles.css'

const datepickerOptions = {}

Vue.use(AirbnbStyleDatepicker, datepickerOptions)

然后在 nuxt.config.js 我添加了我的插件

plugins: ['~/plugins/vue-airbnb-datepicker.js'],

当我运行我的应用程序完成所有这一切后，我得到了

ReferenceError 元素未定义

我可以 post 完整的错误消息，但我认为这不相关。

Answer 1

可能您需要为服务器端禁用它，例如

{ src: '~/plugins/vue-airbnb-datepicker.js', ssr: false }

Answer 2

直觉：

node_modules/date-fns 中的文件夹名称类似于 addWeeks，而在 /node_modules/vue-airbnb-style-datepicker/dist/vue-airbnb-style-datepicker.es.js 中，它们被导入为例如 import addWeeks from date-fns/add_weeks;

更改导入实际上可能有所帮助。

无法在 Nuxt 中使用 vue-airbnb-style-datepicker

Unable to use vue-airbnb-style-datepicker with Nuxt

plugins

webpack

vue.js

nuxt.js