我正在尝试在Vue组件中使用Choices.js。该组件成功编译,但随后触发错误:
[vue-router]无法解析异步组件默认值:ReferenceError:未定义文档
在浏览器中,我看到:
未定义ReferenceError文档
我认为这与Nuxt.js中的SSR有关吗?我只需要Choices.js在客户端上运行,因为我猜这只是客户端方面。
nuxt.config.js
build: {
vendor: ['choices.js']
}
AppCountrySelect.vue
<script>
import Choices from 'choices.js'
export default {
name: 'CountrySelect',
created () {
console.log(this.$refs, Choices)
const choices = new Choices(this.$refs.select)
console.log(choices)
}
}
</script>
在经典的Vue中,这可以很好地工作,因此我仍然非常关注如何使Nuxt.js以这种方式工作。
有什么想法我要去哪里吗?
谢谢。
我发现现在no-ssr被替换为,我正在使用echart并遇到相同的问题,但是现在它可以正常工作了!