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配置，但是我没有找到任何有用的解决方案。

- ajohnson10209

Answer 1

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

nuxt.config.js

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

- Jorge Granados

---

请随意查看我的答案，链接在这里：https://dev59.com/jzci2YgBEkM9Yrnyg97m 或者在这个问题中：https://dev59.com/bVEG5IYBdhLWcg3wW7Q5#67466363 @Anthony - kissu

Answer 2

尝试在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 }]
    ]
  }  
},

- Андрей Пархоменко

---

@babel/plugin-proposal-private-property-in-object 就足够了，不需要全部都要。 - kissu

谢谢。我正在使用nuxt@2.14.0，并且在控制台中得到相同的警告。像这样列出所有插件对我有用，而仅列出@babel/plugin-proposal-private-property-in-object则不行。 - Muge

Answer 3

我宁愿将nuxt重置回2.15.2，等待其修复。虽然上面的答案可以在短期内解决问题，但是在一个新的nuxt安装中出现这些警告看起来像是一个bug。

- Sebastian Landwehr

---

点赞。确保你不会在完全理解影响之前压制自己真正关心的内容，这总是件好事。不过现在先不要介意我将其添加到我的Babel配置中... :D - Petercopter

不用谢，只是想为完整性和其他人添加一些内容。 - Sebastian Landwehr

为什么？当前的行为是一个错误（在新安装中出现警告），这是一个解决方案，直到修复版本可用。 - Sebastian Landwehr

好的，我明白了。这并不是主要针对所提出的解决方案进行批评，而更多地是提供一种替代方案。但最终决定还是由版主来做出。 - Sebastian Landwehr

似乎在2.15.5版本中已经修复了cheerio的问题。 - Sebastian Landwehr

这只是管理员在 Stack Overflow 上通常的权力之旅。老实说，这个答案对我非常重要。 - Joe Early

Answer 4

Nuxt 2.15.7的最新更新

看起来最新版本中有一些错误再次出现，更多信息可以在这里找到：Latest Nuxt v2.15.7 install with babel "loose" option warnings

---

如此github问题所述，从Nuxt v2.15.5开始，这个问题已经得到解决：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

- kissu

Answer 5

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

- zarpio

---

如果 nuxt 版本在 2.15.5 和 2.15.7 之间，那么这就发生了。 - kissu

有效答案为 nuxt: 2.15.7 - mervasdayi

Answer 6

对我来说，在package.json文件中进行设置有效。

"resolutions": {
  "@babel/core": "7.13.15",
  "@babel/preset-env": "7.13.15"
}

重新运行 yarn install 来安装包。

- tngeene