vue3执行npm run build打包报错

Question

[unocss:global:build:scan] [postcss] D:/qzWorkSpace/hfh5/assets/index-!~{001}~.js-unocss-hash.css:1:4150: Unclosed bracket
    at Input.error (D:\qzWorkSpace\hfh5\node_modules\postcss\lib\input.js:106:16)
    at Parser.unclosedBracket (D:\qzWorkSpace\hfh5\node_modules\postcss\lib\parser.js:577:22)
    at Parser.other (D:\qzWorkSpace\hfh5\node_modules\postcss\lib\parser.js:423:35)
    at Parser.parse (D:\qzWorkSpace\hfh5\node_modules\postcss\lib\parser.js:470:16)
    at parse (D:\qzWorkSpace\hfh5\node_modules\postcss\lib\parse.js:11:12)
    at parse (D:\qzWorkSpace\hfh5\node_modules\postcss\lib\parse.js:11:12)
    at new LazyResult (D:\qzWorkSpace\hfh5\node_modules\postcss\lib\lazy-result.js:133:16)
    at new LazyResult (D:\qzWorkSpace\hfh5\node_modules\postcss\lib\lazy-result.js:133:16)
    at Processor.process (D:\qzWorkSpace\hfh5\node_modules\postcss\lib\processor.js:53:14)
    at compileCSS (file:///D:/qzWorkSpace/hfh5/node_modules/vite/dist/node/chunks/dep-BaOMuo4I.js:36860:59)
    at async Object.transform (file:///D:/qzWorkSpace/hfh5/node_modules/vite/dist/node/chunks/dep-BaOMuo4I.js:36141:11)
    at Processor.process (D:\qzWorkSpace\hfh5\node_modules\postcss\lib\processor.js:53:14)
    at compileCSS (file:///D:/qzWorkSpace/hfh5/node_modules/vite/dist/node/chunks/dep-BaOMuo4I.js:36860:59)
    at async Object.transform (file:///D:/qzWorkSpace/hfh5/node_modules/vite/dist/node/chunks/dep-BaOMuo4I.js:36141:11)
    at async applyCssTransform (file:///D:/qzWorkSpace/hfh5/node_modules/@unocss/vite/dist/index.mjs:382:20)
    at compileCSS (file:///D:/qzWorkSpace/hfh5/node_modules/vite/dist/node/chunks/dep-BaOMuo4I.js:36860:59)
    at async Object.transform (file:///D:/qzWorkSpace/hfh5/node_modules/vite/dist/node/chunks/dep-BaOMuo4I.js:36141:11)
    at async applyCssTransform (file:///D:/qzWorkSpace/hfh5/node_modules/@unocss/vite/dist/index.mjs:382:20)
    at async Object.transform (file:///D:/qzWorkSpace/hfh5/node_modules/vite/dist/node/chunks/dep-BaOMuo4I.js:36141:11)
    at async applyCssTransform (file:///D:/qzWorkSpace/hfh5/node_modules/@unocss/vite/dist/index.mjs:382:20)
    at async applyCssTransform (file:///D:/qzWorkSpace/hfh5/node_modules/@unocss/vite/dist/index.mjs:382:20)
    at async Object.renderChunk (file:///D:/qzWorkSpace/hfh5/node_modules/@unocss/vite/dist/index.mjs:494:15)
    at async transformChunk (file:///D:/qzWorkSpace/hfh5/node_modules/rollup/dist/es/shared/node-entry.js:18068:16)
    at async file:///D:/qzWorkSpace/hfh5/node_modules/rollup/dist/es/shared/node-entry.js:18142:17
    at async transformChunk (file:///D:/qzWorkSpace/hfh5/node_modules/rollup/dist/es/shared/node-entry.js:18068:16)
    at async file:///D:/qzWorkSpace/hfh5/node_modules/rollup/dist/es/shared/node-entry.js:18142:17
    at async Promise.all (index 0)
    at async transformChunksAndGenerateContentHashes (file:///D:/qzWorkSpace/hfh5/node_modules/rollup/dist/es/shared/node-entry.js:18137:5)
    at async renderChunks (file:///D:/qzWorkSpace/hfh5/node_modules/rollup/dist/es/shared/node-entry.js:18046:137)
    at async Bundle.generate (file:///D:/qzWorkSpace/hfh5/node_modules/rollup/dist/es/shared/node-entry.js:18284:13)
    at async file:///D:/qzWorkSpace/hfh5/node_modules/rollup/dist/es/shared/node-entry.js:20834:27
    at async catchUnfinishedHookActions (file:///D:/qzWorkSpace/hfh5/node_modules/rollup/dist/es/shared/node-entry.js:20263:16)
    at async build (file:///D:/qzWorkSpace/hfh5/node_modules/vite/dist/node/chunks/dep-BaOMuo4I.js:65371:16)
    at async CAC.<anonymous> (file:///D:/qzWorkSpace/hfh5/node_modules/vite/dist/node/cli.js:828:5)

Answer 1

1. 检查 CSS 文件
   首先检查 D:/qzWorkSpace/hfh5/assets/index-!{001}.js-unocss-hash.css 文件的 CSS 代码。找出是否有未闭合的括号、语法错误或者不完整的 CSS 规则。例如：

css
/* 错误的CSS示例 */

.classname {
  color: red;
  background: blue;
  /* 注意：缺少闭合括号 */

确保所有的 {} 和 () 都正确闭合。

1. 更新依赖
   有时候，错误可能由于某些包的版本不兼容。尝试更新相关的依赖库：

sh
npm update
或者检查是否有特定的 postcss 或 unocss 插件的更新。

1. 配置文件
   检查你的 postcss.config.js 或 Vite 配置文件 (vite.config.js) 中是否有任何潜在的问题。例如，确保所有的插件都配置正确：

js
// vite.config.js 示例
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import Unocss from 'unocss/vite';

export default defineConfig({
  plugins: [vue(), Unocss()],
});