时间戳

首页 > 解决方案 > Nuxtjs 更改默认 UI 框架

javascript - Nuxtjs 更改默认 UI 框架

问题描述

我有一个 nuxtjs 项目，我选择 bootstrapvue 作为我的 UI 框架。但是现在我想将我的 UI 框架更改为 vuesax，因为我不喜欢某些 bootstrapvue 组件。我所做的是我删除了 package.json 中的 bootstrapvue 配置，然后突然出现错误。现在我将它恢复回来，在我的配置中我得到了两个 UI 框架，当我使用 vuesax 标签时它不起作用。对此有什么帮助吗？谢谢。

package.json 到目前为止

 "dependencies": {
    "@nuxtjs/axios": "^5.3.6",
    "@nuxtjs/dotenv": "^1.4.0",
    "@nuxtjs/pwa": "^3.0.0-0",
    "bootstrap": "^4.1.3",
    "bootstrap-vue": "^2.0.0",
    "nuxt": "^2.0.0",
    "vuesax": "^4.0.1-alpha.18"
  },

错误

 ERROR  in ./node_modules/bootstrap-vue/dist/bootstrap-vue.css                                                                                                      friendly-errors 02:22:30

Module build failed (from ./node_modules/postcss-loader/src/index.js):                                                                                              friendly-errors 02:22:30
Error: ENOENT: no such file or directory, open 'C:\Users\Vince\Desktop\nuxtTest\node_modules\bootstrap-vue\dist\bootstrap-vue.css'

 ERROR  in ./node_modules/bootstrap/dist/css/bootstrap.css                                                                                                          friendly-errors 02:22:30

Module build failed (from ./node_modules/postcss-loader/src/index.js):                                                                                              friendly-errors 02:22:30
Error: ENOENT: no such file or directory, open 'C:\Users\Vince\Desktop\nuxtTest\node_modules\bootstrap\dist\css\bootstrap.css'

 ERROR  in ./node_modules/bootstrap-vue/esm/index.js                                                                                                                friendly-errors 02:22:30

Module build failed: Error: ENOENT: no such file or directory, open 'C:\Users\Vince\Desktop\nuxtTest\node_modules\bootstrap-vue\esm\index.js'

标签： javascriptvue.jsvuejs2nuxt.js

解决方案

你bootstrap-vue/nuxt从你的nuxt.config.js 模块中删除了吗？

您应该与我们分享您的错误信息。rm -rf我做的一个杂项调试过程是.nuxt文件夹并重新启动开发服务器。

推荐阅读