错误：模块应导出功能：i18next

Question

在我的Nuxt js应用程序中，我安装了i18next：

android:scrollbarThumbHorizontal="@color/vertical_color"
android:scrollbarSize="1dp"

然后每当我将其添加到 nuxt.config.js 中的插件数组中时，都按照documentation的建议：

npm install --save-dev i18next

启动服务器（module.exports = { build: { vendor: ['i18next'] } } ）时出现此错误

npm run dev

为什么会这样？如何解决？

Answer 1

在Nuxt.js 1.x上使用vendor数组可帮助Webpack 3优化构建。它不用于导入库。

（nb：自Nuxt.js 2.x起，vendor配置已被弃用，可以删除）

---

要导入外部库，您需要创建一个自定义Vue.js插件，并在nuxt.config.js数组（https://nuxtjs.org/guide/plugins/）的plugins中声明它

module.exports = {
  plugins: ['~/plugins/your-cutom-plugins']
}

或

您可以将外部库导入组件/页面/中间件/插件文件中以直接使用：

<script>
import i18next from 'i18next'
​
i18next.init({ 
   ...
)
</script>

（nb：更喜欢使用install --save，因为“ i18next”不仅用于开发人员，而且还用于生产）