我和Nuxt都是新来的所以这可能是个愚蠢的问题。
我有一个Nuxt项目,我想使用这个插件vue-airbnb风格-数据报警器。
我取消了安装,并将其安装到我的项目中:
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元素未定义为
我可以发布完整的错误信息,但我不认为这是相关的。
发布于 2018-05-09 16:05:17
您可能需要在服务器端禁用它。
{ src: '~/plugins/vue-airbnb-datepicker.js', ssr: false }发布于 2019-12-10 17:25:41
凭直觉:
node_modules/date-fns中的文件夹名类似于addWeeks,而在/node_modules/vue-airbnb-style-datepicker/dist/vue-airbnb-style-datepicker.es.js中,它们是作为导入addWeeks从date-fns/add_weeks导入的;
改变进口实际上可能会有所帮助。
https://stackoverflow.com/questions/50223411
复制相似问题