最新的 Nuxt v2.15.7 安装带有 babel“松散”选项警告

Question

我使用

npx create-nuxt-app my-cool-project

创建了一个全新的项目，但运行时出现一些错误

yarn dev

。

虽然 @babel/preset-env 配置中的“loose”选项设置为“false”，但由于“loose”模式选项，它不会用于 @babel/plugin-proposal-private-property-in-object @babel/plugin-proposal-private-methods 设置为“true”。 @babel/plugin-proposal-class-properties、@babel/plugin-proposal-private-methods 和 @babel/plugin-proposal-private-property-in-object 的“松散”选项必须相同（当它们是启用）：您可以通过显式添加来消除此警告 ["@babel/plugin-proposal-private-property-in-object", { "loose": true }] 到 Babel 配置的“插件”部分。

你对这个有什么想法吗？它让我想起了另一个问题：Nuxt js - Fresh install of nuxt 2.14.6 contains babel "loose option" warnings

Answer 1

这个问题确实又回来了，如这个 Github 问题所示

https://github.com/nuxt/nuxt.js/issues/9224#issuecomment-893263501

如果您的 Nuxt 版本介于

2.15.5

和

2.15.7

之间（我认为），就会发生这种情况。

临时解决方案可以将其添加到您的

nuxt.config.js

文件中，如建议的 here

build: {
  babel: {
    plugins: [
      '@babel/plugin-proposal-class-properties',
      '@babel/plugin-proposal-private-methods',

      // or with JUST the line below 
      ['@babel/plugin-proposal-private-property-in-object', { loose: true }]
    ],
  },
}

最终修复可能很快就会发布，请随时订阅 Github 问题以获取最新更新通知。

---

编辑：一旦合并此 PR 并且有新版本，此问题将得到修复：https://github.com/nuxt/nuxt.js/pull/9631

Answer 2

对于我来说，有助于对上面的答案进行修改：

yarn add --dev @babel/plugin-proposal-class-properties @babel/plugin-proposal-private-methods @babel/plugin-proposal-private-property-in-object

然后更改

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 }]
    ]
  }
},

Answer 3

我刚刚添加了纱线“@babel/plugin-proposal-private-methods”，警告就消失了