Question

我对Nuxt都很陌生，所以这可能是个愚蠢的问题。

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

我完成了安装并将其安装到我的项目中：

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

npm install date-fns

然后在plugins文件夹中我创建了一个名为 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元素

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

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中的文件夹名称是作为导入的，例如从addWeeks导入date-fns/add_weeks；

更改进口实际上可能会有所帮助。

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

2 个答案: