我试图在Vue组件中使用Choices.js.组件编译成功,但随后会触发错误:
[vue router]无法解析异步组件默认值:
在浏览器中,我看到:
未定义ReferenceError文档
我认为这与Nuxt的SSR有关.js?我只需要 Select .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>
在classic 的Vue中,这将很好地工作,所以我仍然在努力掌握如何获得Nuxt.js必须这样工作.
你知道我哪里做错了吗?
谢谢