Nuxt.js和Vue-i18next：错误：无法解析“ vue-i18next”

Question

在我的Nuxt.js应用程序中，我想使用vue-i18next，因此我通过运行安装了它：

npm install @panter/vue-i18next

在nuxt.config.js文件中，我根据文档进行了声明；

module.exports = {
  build: {
    vendor: ['vue-i18next']
  }
}

当我启动服务器（ npm run dev ）时，出现以下错误消息：

 ERROR  Nuxt error

  Error: Cannot resolve "vue-i18next" from "/home/begueradj/begueradj/vue-i18next"

  - nuxt.js:220 Nuxt.resolvePath
    [begueradj]/[nuxt]/lib/core/nuxt.js:220:11

  - module.js:121 ModuleContainer.addModule
    [begueradj]/[nuxt]/lib/core/module.js:121:35

  - utils.js:96 promise.then
    [begueradj]/[nuxt]/lib/common/utils.js:96:43


  - next_tick.js:189 process._tickCallback
    internal/process/next_tick.js:189:7

  - module.js:696 Function.Module.runMain
    module.js:696:11

  - bootstrap_node.js:204 startup
    bootstrap_node.js:204:16

  - bootstrap_node.js:625 
    bootstrap_node.js:625:3

如何解决这个问题？ 此错误的原因是什么？

Answer 1

vendor数组不用于导入plugins 。

在plugins/文件夹中创建自己的插件，并在Nuxt配置中声明它：

module.exports = {
  build: {
    plugins: ['~/plugins/vue-i18next']
  }
}

---

另一种方法是使用nuxt社区模块： https: //github.com/nuxt-community/nuxt-i18n