将 Buefy 添加到 Nuxt 时出错

Posted 2023-02-22

【中文标题】将 Buefy 添加到 Nuxt 时出错

【英文标题】：Getting errors adding Buefy to Nuxt

【发布时间】：2021-09-25 12:27:40

【问题描述】：

我有一个 Nuxt 项目。我已经通过steps outlined in the docs 安装了 Buefy。那就是：

运行npm i nuxt-buefy 在 nuxt.config.js 中将'nuxt-buefy' 添加到modules

然后我通过

运行开发服务器

npm run dev

...我在下面得到了这个口香糖。问题是，Buefy 没有说必须先添加postcss-custom-properties。我做错了什么？

 ERROR  Cannot find module 'postcss-custom-properties'                                                                                                                                     18:54:24  
Require stack:
- C:\Users\mitya\Sync\dev\projects\rpar\node_modules\@nuxt\core\dist\core.js

  Require stack:
  - node_modules\@nuxt\core\dist\core.js
  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
  at Function.resolve (internal/modules/cjs/helpers.js:94:19)
  at m (node_modules\jiti\dist\jiti.js:1:52953)
  at Resolver.f [as _require] (node_modules\jiti\dist\jiti.js:1:53766)
  at Resolver.requireModule (node_modules\@nuxt\core\dist\core.js:381:29)
  at node_modules\@nuxt\webpack\dist\webpack.js:603:58
  at Array.map (<anonymous>)
  at PostcssConfig$1.loadPlugins (node_modules\@nuxt\webpack\dist\webpack.js:602:10)
  at PostcssConfig$1.config (node_modules\@nuxt\webpack\dist\webpack.js:638:14)
  at StyleLoader.postcss (node_modules\@nuxt\webpack\dist\webpack.js:909:39)
  at StyleLoader.apply (node_modules\@nuxt\webpack\dist\webpack.js:969:12)
  at WebpackClientConfig.rules (node_modules\@nuxt\webpack\dist\webpack.js:1357:28)

【问题讨论】：

你试过这个吗？ github.com/nuxt/nuxt.js/issues/1670#issuecomment-330078867

同样的交易。我没有安装 postcss（至少，我没有安装它）——这是否意味着我需要添加它？如果是这样，您不希望 Buefy 文档明确说明吗？ Arghhhhhhh NPM 可能很痛苦......

如果它是一个依赖项，它可能是必需的，也可能没有记录。至于为什么没有记录，可能是因为不同的包版本。另外，我认为这个包可能不会被很多人使用，因此为什么没有记录这个问题。

我为 Buefy 配置了 buefy 包，因为它提供了更大的灵活性。我可能会使用该设置进行公开回购。

谢谢@kissu。是的，我刚刚创建了一个全新的 Nuxt 项目，这次在 create-nuxt-app 询问您是否要添加任何 CSS 框架时添加了 Buefy。 这一次，它运行良好，尽管在我看来，nuxt.config.js 和 package.json 文件看起来与我尝试手动安装 Buefy 时的文件完全一样。奇怪...

【参考方案1】：

最后，搭建一个全新的 Nuxt 项目仍然是最容易设置 Buefy 的。

可能比较新项目和旧项目并转移配置是要走的路。

【讨论】：

谢谢。很遗憾它必须是这种方式，但至少我正在尝试将它添加到一个新项目中，而不是我已经完成了大量工作的现有项目。正如我所说，配置似乎相同，但我认为您的观点可能是其他地方的配置差异。