在Nuxt2集成UnoCSS遇到的版本适配问题

266 阅读1分钟

Hi!这里是JustHappy,这是我在Nuxt2中集成UnoCSS过程中遇到的版本适配问题

最后将 @nuxt/unocss版本设置为0.60.3解决该问题

@nuxt/unocss 版本 0.61.8

这是我的 package.json 文件

{
  "name": "unocss-test",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .",
    "lint:prettier": "prettier --check .",
    "lint": "yarn lint:js && yarn lint:prettier",
    "lintfix": "prettier --write --list-different . && yarn lint:js --fix"
  },
  "dependencies": {
    "core-js": "^3.25.3",
    "element-ui": "^2.15.10",
    "nuxt": "^2.15.8",
    "vue": "^2.7.10",
    "vue-server-renderer": "^2.7.10",
    "vue-template-compiler": "^2.7.10"
  },
  "devDependencies": {
    "@babel/eslint-parser": "^7.19.1",
    "@nuxtjs/eslint-config": "^11.0.0",
    "@nuxtjs/eslint-module": "^3.1.0",
    "@unocss/nuxt": "^0.61.8",
    "eslint": "^8.24.0",
    "eslint-config-prettier": "^8.5.0",
    "eslint-plugin-nuxt": "^4.0.0",
    "eslint-plugin-vue": "^9.5.1",
    "nuxi": "^3.12.0",
    "prettier": "^2.7.1",
    "unocss": "^0.61.9"
  }
}

重现步骤

似乎只要使用 nuxt2+unocss,这个问题就会发生。

@nuxt/unocss 版本 0.45.1

@nuxt/unocss 版本 0.33.1

在这些版本中没有遇到任何问题。

系统信息

Windows 11


在使用 @nuxt/unocss 版本 0.61.8 时遇到了问题,但在之前的版本 0.45.1 和 0.33.1 中没有遇到同样的问题。 package.json 文件以供参考