Question

在我的Nuxt.js应用程序中，我想使用vue-i18next，所以我通过running安装了它：

npm install @panter/vue-i18next

在 nuxt.config.js 文件中，我根据documentation声明了该文件；

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

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

1 个答案: