admin管理员组

文章数量:1377503

I have a React.js TailwindCSS project with below package.json dependencies and devDependencies.

When I run the build script, I ended up with build errors where I tried all options to fix it but cant able to come up with a solution, any help is highly appreciated.

{
  "dependencies": {
    "@savvywombat/tailwindcss-grid-areas": "^4.0.0",   
    "autoprefixer": "^10.4.18",   
    "next": "14.2.4",
    "postcss": "^8.4.35",
    "react": "^18.2.0",
    "react-cookie": "^7.1.0",
    "react-dom": "18.2.0",
    "react-i18next": "^14.1.0",
    "react-scripts": "5.0.1",
    "react-slider": "^2.0.6",
    "tailwindcss": "^3.4.1",
    "typescript": "^5.4.3"
  },
  "devDependencies": {    
    "@vitejs/plugin-react": "^4.2.1",
    "@vitest/coverage-v8": "^1.0.4",
    "@vitest/ui": "^1.0.4",
    "sass": "^1.72.0",    
    "vite": "^5.2.0",
    "vite-plugin-dts": "^3.7.3",
    "vitest": "^1.2.1"
  },
}

Below is the build error

✗ Build failed in 4.38s
error during build:
[vite:css] [postcss] _fastglob.default.escapePath is not a function
file: C:/git/MyProject/lib/components/BvInput/BvInput.scss:undefined:NaN     
    at resolveGlobPattern (C:\git\MyProject\node_modules\tailwindcss\lib\lib\content.js:92:30)
    at Array.map (<anonymous>)
    at parseCandidateFiles (C:\git\MyProject\node_modules\tailwindcss\lib\lib\content.js:59:19)
    at getCandidateFiles (C:\git\MyProject\node_modules\tailwindcss\lib\lib\setupTrackingContext.js:40:59)
    at C:\git\MyProject\node_modules\tailwindcss\lib\lib\setupTrackingContext.js:120:34
    at C:\git\MyProject\node_modules\tailwindcss\lib\processTailwindFeatures.js:46:11
    at plugins (C:\git\MyProject\node_modules\tailwindcss\lib\plugin.js:38:69)
    at LazyResult.runOnRoot (C:\git\MyProject\node_modules\vite\node_modules\postcss\lib\lazy-result.js:329:16)
    at LazyResult.runAsync (C:\git\MyProject\node_modules\vite\node_modules\postcss\lib\lazy-result.js:258:26)
    at LazyResult.async (C:\git\MyProject\node_modules\vite\node_modules\postcss\lib\lazy-result.js:160:30)

and my BvInput.scss content as below:

.bv-label {
  top: 50%;
}

.bv-input:focus + .bv-label,
.bv-input + .bv-label.input-has-value {
  top: 20px;
  @apply text-sm;
}

本文标签： nextjsPostCSS fastglobdefaultescapePath is not a function error when build TailwindCSSStack Overflow

版权声明：本文标题：next.js - PostCSS _fastglob.default.escapePath is not a function error when build TailwindCSS - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744431792a2605985.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。