导入模块时不能在模块外使用 import 语句

时间:2021-07-25 13:31:42

标签: javascript nuxt.js

我正在尝试在我的 nuxt.js 项目中使用 vue-loadmore-simple

我创建了 plugins/vue-loadmore-simple.js 来让 Vue 使用它。

// if I commented the 3 lines, it will works again.
import Vue from 'vue'
import LoadMore from 'vue-loadmore-simple'
Vue.use(LoadMore)

nuxt.config.js 插件中,我添加了它:

"@/plugins/vue-loadmore-simple.js"

但是当我npm run dev时,我得到错误:

<块引用>

不能在模块外使用 import 语句

enter image description here

1 个答案:

答案 0 :(得分:1)

我已经在一个新项目中尝试过它,它对我完全有用。
您需要向我们提供 [repro] 或至少是代码方面的更多详细信息。


与此同时,我会建议使用来自知名开发人员的经过实战测试的工具。
vue-mugen-scroll 一样,我过去曾使用过它,而且效果很好。
除了用英文写的更受​​欢迎。

这是我使用它的 vue project,也应该完全适用于 Nuxt。