如何解决将 Buefy 添加到 Nuxt 时出错
我有一个 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)
解决方法
最后,搭建一个全新的 Nuxt 项目仍然是最容易设置 Buefy 的方法。
可能比较新项目和旧项目并转移配置是可行的方法。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。