Nuxt js - 全新安装的 nuxt 2.14.6 包含 babel "loose option" 警告

Question

我全新安装了 nuxt 2.14.6 版，我想消除在运行 nuxt 命令时出现的错误：

 WARN  Though the "loose" option was set to "false" in your @babel/preset-env co
The "loose" option must be the same for @babel/plugin-proposal-class-properties,
        ["@babel/plugin-proposal-private-methods", { "loose": true }]
to the "plugins" section of your Babel config.

我假设我需要覆盖 nuxt.config.js 文件中的 babel 配置，但我没有找到任何有用的解决方案。

Answer 1

将以下内容添加到 nuxt.config.js 文件的 build 部分。

nuxt.config.js

build: {
  babel:{
    plugins: [
      ['@babel/plugin-proposal-private-methods', { loose: true }]
    ]
  }
}

Answer 2

我宁愿将 nuxt 重置回 2.15.2 并等待它修复。虽然上面的答案在简短运行中修复了它，但对我来说，新安装的 nuxt 上的那些警告看起来像是一个错误。

Answer 3

Nuxt 2.15.7 的最新更新

最新版本似乎又出现了一些错误，可以在此处找到更多信息

这个问题已从 Nuxt v2.15.5 中修复，如 github 问题所述：https://github.com/nuxt/nuxt.js/issues/9224#issuecomment-835742221

您可以在 nuxt.config.js 配置中删除与此错误相关的任何 resolutions 和 build.babel.plugins。此外，如果需要，您应该重置：

yarn.lock（或package-lock.json）
node_modules/.cache
.nuxt

Answer 4

package.json（当我的包裹还在下面时）

"dependencies": {
  "@nuxtjs/axios": "^5.13.6",
  "core-js": "^3.15.1",
  "nuxt": "^2.15.7",
  "vuetify": "^2.5.5"
},
"devDependencies": {
  "@nuxtjs/vuetify": "^1.12.1"
}

nuxt.config.js（以下帮助了我）

build: {
  babel: {
    plugins: [
      ['@babel/plugin-proposal-private-property-in-object', { loose: true }]
    ],
  },
}

Answer 5

尝试在 nuxt.config.js 中添加这些：

build: {
  babel:{
    plugins: [
      ["@babel/plugin-proposal-class-properties", { "loose": true }],
      ["@babel/plugin-proposal-private-methods", { "loose": true }],
      ["@babel/plugin-proposal-private-property-in-object", { "loose": true }]
    ]
  }  
},

Nuxt js - 全新安装的 nuxt 2.14.6 包含 babel "loose option" 警告

Nuxt js - Fresh install of nuxt 2.14.6 contains babel "loose option" warnings

babeljs

nuxt.js

Nuxt 2.15.7 的最新更新