javascript - Nuxt.js 和 Vue-i18next : Error: Cannot resolve "vue-i18next"

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 😉