shaungbhone's avatar

Laravel Breeze

When I install laravel breeze, the node module error occurs.

"laravel/framework": "^8.12",

app.css

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
ERROR in ./resources/css/app.css
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
TypeError: [(...variantsValue),(...extensions)].flat is not a function
    at /home/gl62/code/blogflix/node_modules/tailwindcss/lib/util/resolveConfig.js:219:73
    at baseMergeDeep (/home/gl62/code/blogflix/node_modules/lodash/_baseMergeDeep.js:42:7)
    at /home/gl62/code/blogflix/node_modules/lodash/_baseMerge.js:27:7
    at /home/gl62/code/blogflix/node_modules/lodash/_createBaseFor.js:17:11
    at baseMerge (/home/gl62/code/blogflix/node_modules/lodash/_baseMerge.js:24:3)
    at /home/gl62/code/blogflix/node_modules/lodash/mergeWith.js:36:3
    at /home/gl62/code/blogflix/node_modules/lodash/_createAssigner.js:30:9
    at apply (/home/gl62/code/blogflix/node_modules/lodash/_apply.js:15:25)
    at /home/gl62/code/blogflix/node_modules/lodash/_overRest.js:32:12
    at mergeVariantExtensions (/home/gl62/code/blogflix/node_modules/tailwindcss/lib/util/resolveConfig.js:218:33)
    at resolveVariants (/home/gl62/code/blogflix/node_modules/tailwindcss/lib/util/resolveConfig.js:235:10)
    at resolveConfig (/home/gl62/code/blogflix/node_modules/tailwindcss/lib/util/resolveConfig.js:271:15)
    at /home/gl62/code/blogflix/node_modules/tailwindcss/lib/index.js:77:37
    at /home/gl62/code/blogflix/node_modules/tailwindcss/lib/processTailwindFeatures.js:52:20
    at LazyResult.run (/home/gl62/code/blogflix/node_modules/postcss/lib/lazy-result.js:288:14)
    at LazyResult.asyncTick (/home/gl62/code/blogflix/node_modules/postcss/lib/lazy-result.js:212:26)
    at LazyResult.asyncTick (/home/gl62/code/blogflix/node_modules/postcss/lib/lazy-result.js:225:14)
    at /home/gl62/code/blogflix/node_modules/postcss/lib/lazy-result.js:217:17
    at runLoaders (/home/gl62/code/blogflix/node_modules/webpack/lib/NormalModule.js:316:20)
    at /home/gl62/code/blogflix/node_modules/loader-runner/lib/LoaderRunner.js:367:11
    at /home/gl62/code/blogflix/node_modules/loader-runner/lib/LoaderRunner.js:233:18
    at context.callback (/home/gl62/code/blogflix/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
    at Promise.resolve.then.then.catch (/home/gl62/code/blogflix/node_modules/postcss-loader/src/index.js:208:9)
 @ ./resources/css/app.css

ERROR in ./resources/css/app.css (./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./resources/css/app.css)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
TypeError: [(...variantsValue),(...extensions)].flat is not a function
    at /home/gl62/code/blogflix/node_modules/tailwindcss/lib/util/resolveConfig.js:219:73
    at baseMergeDeep (/home/gl62/code/blogflix/node_modules/lodash/_baseMergeDeep.js:42:7)
    at /home/gl62/code/blogflix/node_modules/lodash/_baseMerge.js:27:7
    at /home/gl62/code/blogflix/node_modules/lodash/_createBaseFor.js:17:11
    at baseMerge (/home/gl62/code/blogflix/node_modules/lodash/_baseMerge.js:24:3)
    at /home/gl62/code/blogflix/node_modules/lodash/mergeWith.js:36:3
    at /home/gl62/code/blogflix/node_modules/lodash/_createAssigner.js:30:9
    at apply (/home/gl62/code/blogflix/node_modules/lodash/_apply.js:15:25)
    at /home/gl62/code/blogflix/node_modules/lodash/_overRest.js:32:12
    at mergeVariantExtensions (/home/gl62/code/blogflix/node_modules/tailwindcss/lib/util/resolveConfig.js:218:33)
    at resolveVariants (/home/gl62/code/blogflix/node_modules/tailwindcss/lib/util/resolveConfig.js:235:10)
    at resolveConfig (/home/gl62/code/blogflix/node_modules/tailwindcss/lib/util/resolveConfig.js:271:15)
    at /home/gl62/code/blogflix/node_modules/tailwindcss/lib/index.js:77:37
    at /home/gl62/code/blogflix/node_modules/tailwindcss/lib/processTailwindFeatures.js:52:20
    at LazyResult.run (/home/gl62/code/blogflix/node_modules/postcss/lib/lazy-result.js:288:14)
    at LazyResult.asyncTick (/home/gl62/code/blogflix/node_modules/postcss/lib/lazy-result.js:212:26)
    at LazyResult.asyncTick (/home/gl62/code/blogflix/node_modules/postcss/lib/lazy-result.js:225:14)
    at /home/gl62/code/blogflix/node_modules/postcss/lib/lazy-result.js:217:17
 @ ./resources/css/app.css 2:14-142

0 likes
4 replies
JoakimL's avatar

This is not helping you but I get the same error on a fresh install with Breeze.

1 like

Please or to participate in this conversation.