Vue.js Nuxt&x2B;SurveyJS:使用nuxt generate或nuxt build时-超出最大调用堆栈大小

Vue.js Nuxt&x2B;SurveyJS:使用nuxt generate或nuxt build时-超出最大调用堆栈大小,vue.js,nuxt.js,surveyjs,Vue.js,Nuxt.js,Surveyjs,我的survey vue(surveyJS)在dev上运行得很好,但当我尝试部署时,在使用survey组件登录页面时,会出现超过最大调用堆栈大小的错误。 我想这就是我导入插件的方式,但我不确定 插件/survey-vue.js 从“Vue”导入Vue; 从“survey vue”导入*作为surveyVue; Vue.使用(调查); nuxt.config.js 插件:[ ... { src:“~/plugins/survey vue”, 模式:“客户端” }, ] 组件/Survey.vu

我的survey vue(surveyJS)在dev上运行得很好,但当我尝试部署时,在使用survey组件登录页面时,会出现超过最大调用堆栈大小的错误。 我想这就是我导入插件的方式,但我不确定

插件/survey-vue.js

从“Vue”导入Vue;
从“survey vue”导入*作为surveyVue;
Vue.使用(调查);
nuxt.config.js

插件:[
...
{
src:“~/plugins/survey vue”,
模式:“客户端”
},
]
组件/Survey.vue


从“survey vue”导入*作为surveyVue;
导出默认值{
道具:{
json:{
类型:对象
},
结果:{
类型:对象
}
},
数据(){
const jsonSurvey=this.json;
const survey=新的surveyVue.Model(jsonSurvey);
//调查的风格
var myCss={…};
survey.onComplete.add(survey=>{
this.result=survey.data;
这是sendResults()
})
survey.css=myCss
返回{
调查者:调查,
结果:[]
}
},
方法:{
发送结果(){
this.$emit('resultCaptured',this.result)
}
},
创建(){
}
}
pages/.vue


....

这里的任何见解都是值得赞赏的。几天来,我一直在尝试调试,但都没有效果。

修复:我调用了我的组件文件Survey.vue,该文件与为插件的Survey实例保留的名称相同。将我的组件文件更改为SurveyComponent.vue,并解决了此问题。感谢@kissu让轮子转动

此错误通常来自无限循环。修复:我调用了我的component Survey.vue,该名称与插件的调查保留的名称相同。将我的组件文件更改为SurveyComponent.vue,并解决了此问题。感谢@kissu让车轮转动起来,Vue styleguide建议为所有组件添加前缀,以避免此类碰撞:非常有意义!