1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Anuncie Aqui
    Anuncie aqui você Também: fdantas@4each.com.br

tailwind css installation with angualr 19 showing error

Discussão em 'Angular' iniciado por raihan ahmed, Maio 14, 2025.

  1. raihan ahmed

    raihan ahmed Guest

    S E:\FoodReview\FoodReviewFrontend> ng serve Component HMR has been enabled. If you encounter application reload issues, you can manually reload the page to bypass HMR and/or disable this feature with the --no-hmr command line option. Please consider reporting any issues you encounter here: https://github.com/angular/angular-cli/issues

    ⠋ Building...
    E:\FoodReview\FoodReviewFrontend\node_modules\tailwindcss\dist\lib.js:35 ${H})}),g?R([]):(g=M(":root, :host",[]),g.src=b.src,R([g])),1}}});let S=Kr(c);if(a&&(S.important=a),x.length>0)for(let b of x)S.invalidCandidates.add(b);s|=await gi({designSystem:S,base:r,ast:t,loadModule:e,sources:w});for(let b of u)b(S);for(let b of f)b(S);if(g){let b=[];for(let[R,U]of S.theme.entries()){if(U.options&2)continue;let _=l(de(R),U.value);_.src=U.src,b.push(_)}let V=S.theme.getKeyframes();for(let R of V)t.push(se({theme:!0},[L([R])]));g.nodes=[se({theme:!0},b)]}if(d){let b=d;b.kind="context",b.context={}}if(m.length>0){for(let b of m){let V=M("&",b.nodes),R=b.params,U=S.parseVariant(R);if(U===null)throw new Error(Cannot use `@variant` with unknown variant: ${R});if(Te(V,U,S.variants)===null)throw new Error(Cannot use `@variant` with variant: ${R});Object.assign(b,V)}s|=32}return s|=Se(t,S),s|=Le(t,S),j(t,(b,{replaceWith:V})=>{if(b.kind==="at-rule")return b.name==="@utility"&&V([]),1}),{designSystem:S,ast:t,sources:w,root:y,utilitiesNode:d,features:s,inlineCandidates:v}}async function bi(t,r={}){let{designSystem:i,ast:e,sources:n,root:s,utilitiesNode:a,features:c,inlineCandidates:u}=await ki(t,r);e.unshift(Je(! tailwindcss v${Wt} | MIT License | https://tailwindcss.com ));function f(v){i.invalidCandidates.add(v)}let g=new Set,d=null,m=0,w=!1;for(let v of u)i.invalidCandidates.has(v)||(g.add(v),w=!0);return{sources:n,root:s,features:c,build(v){if(c===0)return t;if(!a)return d??=be(e,i,r.polyfills),d;let x=w,y=!1;w=!1;let S=g.size;for(let V of v)if(!i.invalidCandidates.has(V))if(V[0]==="-"&&V[1]==="-"){let R=i.theme.markUsedVariable(V);x||=R,y||=R}else g.add(V),x||=g.size!==S;if(!x)return d??=be(e,i,r.polyfills),d;let b=ge(g,i,{onInvalidCandidate:f}).astNodes;return r.from&&j(b,V=>{V.src??=a.src}),!y&&m===b.length?(d??=be(e,i,r.polyfills),d):(m=b.length,a.nodes=b,d=be(e,i,r.polyfills),d)}}}async function uo(t,r={}){let i=ve(t,{from:r.from}),e=await bi(i,r),n=i,s=t;return{...e,build(a){let c=e.build(a);return c===n||(s=oe(c,!!r.from),n=c),s},buildSourceMap(){return vi({ast:n})}}}async function co(t,r={}){return(await ki(ve(t),r)).designSystem}function We(){throw new Error("It looks like you're trying to use tailwindcssdirectly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install@tailwindcss/postcss` and update your PostCSS configuration.")}for(let t in wt)t!=="default"&&(We[t]=wt[t]);module.exports=We;

    Error: It looks like you're trying to use tailwindcss directly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install @tailwindcss/postcss and update your PostCSS configuration. at Object.We [as default] (E:\FoodReview\FoodReviewFrontend\node_modules\tailwindcss\dist\lib.js:35:2121) at StylesheetPluginFactory.initPostcss (E:\FoodReview\FoodReviewFrontend\node_modules@angular\build\src\tools\esbuild\stylesheets\stylesheet-plugin-factory.js:169:66)

    Node.js v22.15.1

    Continue reading...

Compartilhe esta Página