首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >无法使用vue-airbnb风格的数据报警器和Nuxt

无法使用vue-airbnb风格的数据报警器和Nuxt
EN

Stack Overflow用户
提问于 2018-05-07 22:36:40
回答 2查看 1.3K关注 0票数 0

我和Nuxt都是新来的所以这可能是个愚蠢的问题。

我有一个Nuxt项目,我想使用这个插件vue-airbnb风格-数据报警器

我取消了安装,并将其安装到我的项目中:

代码语言:javascript
运行
复制
npm install vue-airbnb-style-datepicker --save

npm install date-fns

然后,在插件文件夹中,我创建了一个名为vue-airbnb-datepicker.js的文件,并在其中添加了以下代码

代码语言:javascript
运行
复制
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中我添加了我的插件

代码语言:javascript
运行
复制
plugins: ['~/plugins/vue-airbnb-datepicker.js'],

在这之后,当我运行我的应用程序,我得到

ReferenceError元素未定义为

我可以发布完整的错误信息,但我不认为这是相关的。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-05-09 16:05:17

您可能需要在服务器端禁用它。

代码语言:javascript
运行
复制
{ src: '~/plugins/vue-airbnb-datepicker.js', ssr: false }
票数 2
EN

Stack Overflow用户

发布于 2019-12-10 17:25:41

凭直觉:

node_modules/date-fns中的文件夹名类似于addWeeks,而在/node_modules/vue-airbnb-style-datepicker/dist/vue-airbnb-style-datepicker.es.js中,它们是作为导入addWeeksdate-fns/add_weeks导入的;

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50223411

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档