Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

vite fails with postcss.config.ts file #5316

Closed
7 tasks done
ALMaclaine opened this issue Oct 15, 2021 · 6 comments · Fixed by #7935
Closed
7 tasks done

vite fails with postcss.config.ts file #5316

ALMaclaine opened this issue Oct 15, 2021 · 6 comments · Fixed by #7935
Labels
feat: css pending triage

Comments

@ALMaclaine
Copy link

ALMaclaine commented Oct 15, 2021 •
edited
Loading

Describe the bug

Note: I already tried to ask on discord and @aleclarson told me to file an issue.

When using typescript for postcss.config.ts I get the following error:

8:20:32 PM [vite] Internal server error: Could not dynamically require "/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/postcss.config.ts". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.
Plugin: vite:css
File: /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/index.css
at require (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/dist/node/chunks/dep-713b45e1.js:88:8)
at /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.pnpm/postcss-load-config@3.1.0_ts-node@10.2.1/node_modules/postcss-load-config/src/index.js:106:16
at Object.search (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.pnpm/lilconfig@2.0.3/node_modules/lilconfig/dist/index.js:126:37)
at async resolvePostcssConfig (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/src/node/plugins/css.ts:806:16)
at async compileCSS (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/src/node/plugins/css.ts:588:25)
at async TransformContext.transform (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/src/node/plugins/css.ts:183:11)
at async Object.transform (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/src/node/server/pluginContainer.ts:509:20)
at async doTransform (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/src/node/server/transformRequest.ts:160:27) (x6)

Reproduction

https://github.com/ALMaclaine/vite-postcss-tailwind-test

npm run dev

System Info

System:
    OS: macOS 11.2.3
    CPU: (12) x64 Intel(R) Xeon(R) CPU E5-1650 v2 @ 3.50GHz
    Memory: 7.66 GB / 64.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 15.13.0 - ~/.nvm/versions/node/v15.13.0/bin/node
    Yarn: 1.22.10 - ~/.nvm/versions/node/v15.13.0/bin/yarn
    npm: 7.16.0 - ~/.nvm/versions/node/v15.13.0/bin/npm
  Browsers:
    Brave Browser: 93.1.29.79
    Chrome: 94.0.4606.81
    Firefox: 93.0
    Safari: 14.0.3
  npmPackages:
    @vitejs/plugin-react-refresh: ^1.3.6 => 1.3.6 
    vite: ^2.6.7 => 2.6.7

Used Package Manager

npm

Logs

vite:config bundled config file loaded in 77.80ms +0ms
  vite:config using resolved config: {
  vite:config   plugins: [
  vite:config     'vite:pre-alias',
  vite:config     'alias',
  vite:config     'react-refresh',
  vite:config     'vite:modulepreload-polyfill',
  vite:config     'vite:resolve',
  vite:config     'vite:html-inline-script-proxy',
  vite:config     'vite:css',
  vite:config     'vite:esbuild',
  vite:config     'vite:json',
  vite:config     'vite:wasm',
  vite:config     'vite:worker',
  vite:config     'vite:asset',
  vite:config     'vite:define',
  vite:config     'vite:css-post',
  vite:config     'vite:client-inject',
  vite:config     'vite:import-analysis'
  vite:config   ],
  vite:config   build: {
  vite:config     target: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
  vite:config     polyfillModulePreload: true,
  vite:config     outDir: 'dist',
  vite:config     assetsDir: 'assets',
  vite:config     assetsInlineLimit: 4096,
  vite:config     cssCodeSplit: true,
  vite:config     cssTarget: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
  vite:config     sourcemap: false,
  vite:config     rollupOptions: { plugins: [] },
  vite:config     minify: 'esbuild',
  vite:config     terserOptions: {},
  vite:config     write: true,
  vite:config     emptyOutDir: null,
  vite:config     manifest: false,
  vite:config     lib: false,
  vite:config     ssr: false,
  vite:config     ssrManifest: false,
  vite:config     reportCompressedSize: true,
  vite:config     chunkSizeWarningLimit: 500,
  vite:config     watch: null,
  vite:config     commonjsOptions: { include: [Array], extensions: [Array] },
  vite:config     dynamicImportVarsOptions: { warnOnError: true, exclude: [Array] }
  vite:config   },
  vite:config   server: { fs: { strict: undefined, allow: [Array] } },
  vite:config   configFile: '/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/vite.config.ts',
  vite:config   configFileDependencies: [ 'vite.config.ts' ],
  vite:config   inlineConfig: {
  vite:config     root: undefined,
  vite:config     base: undefined,
  vite:config     mode: undefined,
  vite:config     configFile: undefined,
  vite:config     logLevel: undefined,
  vite:config     clearScreen: undefined,
  vite:config     server: { fs: [Object] }
  vite:config   },
  vite:config   root: '/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test',
  vite:config   base: '/',
  vite:config   resolve: { dedupe: undefined, alias: [ [Object], [Object] ] },
  vite:config   publicDir: '/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/public',
  vite:config   cacheDir: '/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite',
  vite:config   command: 'serve',
  vite:config   mode: 'development',
  vite:config   isProduction: false,
  vite:config   env: { BASE_URL: '/', MODE: 'development', DEV: true, PROD: false },
  vite:config   assetsInclude: [Function: assetsInclude],
  vite:config   logger: {
  vite:config     hasWarned: false,
  vite:config     info: [Function: info],
  vite:config     warn: [Function: warn],
  vite:config     warnOnce: [Function: warnOnce],
  vite:config     error: [Function: error],
  vite:config     clearScreen: [Function: clearScreen],
  vite:config     hasErrorLogged: [Function: hasErrorLogged]
  vite:config   },
  vite:config   createResolver: [Function: createResolver],
  vite:config   optimizeDeps: {
  vite:config     esbuildOptions: { keepNames: undefined, preserveSymlinks: undefined }
  vite:config   }
  vite:config } +6ms
  vite:deps Hash is consistent. Skipping. Use --force to override. +0ms

  vite v2.6.7 dev server running at:

  > Local: http://localhost:3000/
  > Network: use `--host` to expose

  ready in 277ms.

  vite:spa-fallback Rewriting GET / to /index.html +0ms
  vite:time 24.80ms /index.html +0ms
  vite:resolve 2.82ms /@vite/client -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/dist/client/client.mjs +0ms
  vite:load 1.33ms [fs] /@vite/client +0ms
  vite:resolve 1.25ms @vite/env -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/dist/client/env.mjs +15ms
  vite:resolve 0.45ms /node_modules/vite/dist/client/env.mjs -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/dist/client/env.mjs +1ms
  vite:import-analysis 7.33ms [1 imports rewritten] node_modules/vite/dist/client/client.mjs +0ms
  vite:transform 11.61ms /@vite/client +0ms
  vite:time 23.38ms /@vite/client +100ms
  vite:resolve 0.33ms /src/main.tsx -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/main.tsx +7ms
  vite:load 2.58ms [fs] /node_modules/vite/dist/client/env.mjs +21ms
  vite:import-analysis 0.11ms [no imports] node_modules/vite/dist/client/env.mjs +8ms
  vite:transform 0.64ms /node_modules/vite/dist/client/env.mjs +6ms
  vite:load 2.06ms [fs] /src/main.tsx +2ms
  vite:load 0.01ms [plugin] /@react-refresh +323ms
  vite:import-analysis 2.45ms [no imports] /@react-refresh +327ms
  vite:transform 2.80ms /@react-refresh +327ms
  vite:time 3.73ms /@react-refresh +332ms
  vite:cache [304] /node_modules/vite/dist/client/env.mjs +0ms
  vite:time 1.92ms /node_modules/vite/dist/client/env.mjs +3ms
  vite:resolve 0.13ms react -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/react.js?v=5f90935b&es-interop +338ms
  vite:resolve 0.76ms /node_modules/.vite/react.js?v=5f90935b&es-interop -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/react.js?v=5f90935b&es-interop +1ms
  vite:resolve 0.06ms react-dom -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/react-dom.js?v=5f90935b&es-interop +5ms
  vite:resolve 0.62ms /node_modules/.vite/react-dom.js?v=5f90935b&es-interop -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/react-dom.js?v=5f90935b&es-interop +0ms
  vite:resolve 0.40ms ./index.css -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/index.css +2ms
  vite:resolve 0.24ms /src/index.css -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/index.css +0ms
  vite:resolve 0.53ms ./App -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/App.tsx +1ms
  vite:resolve 0.23ms /src/App.tsx -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/App.tsx +0ms
  vite:resolve 0.43ms ./app/store -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/app/store.ts +1ms
  vite:resolve 0.23ms /src/app/store.ts -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/app/store.ts +0ms
  vite:resolve 0.04ms react-redux -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/react-redux.js?v=5f90935b +0ms
  vite:resolve 0.25ms /node_modules/.vite/react-redux.js?v=5f90935b -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/react-redux.js?v=5f90935b +1ms
  vite:resolve 0.25ms /node_modules/.vite/react.js?v=5f90935b -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/react.js?v=5f90935b +0ms
  vite:resolve 0.25ms /node_modules/.vite/react-dom.js?v=5f90935b -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/react-dom.js?v=5f90935b +1ms
  vite:import-analysis 14.74ms [6 imports rewritten] src/main.tsx +22ms
  vite:transform 348.32ms /src/main.tsx +22ms
  vite:time 352.14ms /src/main.tsx +19ms
  vite:load 5.73ms [fs] /node_modules/.vite/react.js?v=5f90935b +34ms
  vite:resolve 0.28ms ./chunk-ROKX45YZ.js -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/chunk-ROKX45YZ.js +13ms
  vite:resolve 0.25ms /node_modules/.vite/chunk-ROKX45YZ.js?v=5f90935b -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/chunk-ROKX45YZ.js?v=5f90935b +0ms
  vite:resolve 0.25ms ./chunk-2OZNLSFN.js -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/chunk-2OZNLSFN.js +1ms
  vite:resolve 0.23ms /node_modules/.vite/chunk-2OZNLSFN.js?v=5f90935b -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/chunk-2OZNLSFN.js?v=5f90935b +0ms
  vite:import-analysis 2.46ms [2 imports rewritten] node_modules/.vite/react.js?v=5f90935b +14ms
  vite:transform 3.16ms /node_modules/.vite/react.js?v=5f90935b +14ms
  vite:load 11.94ms [fs] /src/index.css +6ms
  vite:load 14.66ms [fs] /src/App.tsx +3ms
  vite:load 40.60ms [fs] /src/app/store.ts +26ms
  vite:load 41.15ms [fs] /node_modules/.vite/react-redux.js?v=5f90935b +0ms
  vite:resolve 0.34ms ./chunk-ZF7GAFRA.js -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/chunk-ZF7GAFRA.js +35ms
  vite:resolve 0.25ms /node_modules/.vite/chunk-ZF7GAFRA.js?v=5f90935b -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/chunk-ZF7GAFRA.js?v=5f90935b +0ms
  vite:import-analysis 4.39ms [3 imports rewritten] node_modules/.vite/react-redux.js?v=5f90935b +37ms
  vite:transform [reuse pending] for /node_modules/.vite/chunk-ROKX45YZ.js?v=5f90935b +37ms
  vite:transform [reuse pending] for /node_modules/.vite/chunk-2OZNLSFN.js?v=5f90935b +0ms
  vite:transform 4.87ms /node_modules/.vite/react-redux.js?v=5f90935b +1ms
  vite:load 49.34ms [fs] /node_modules/.vite/react-dom.js?v=5f90935b +9ms
  vite:import-analysis 3.02ms [3 imports rewritten] node_modules/.vite/react-dom.js?v=5f90935b +6ms
  vite:transform [reuse pending] for /node_modules/.vite/chunk-ZF7GAFRA.js?v=5f90935b +5ms
  vite:transform [reuse pending] for /node_modules/.vite/chunk-ROKX45YZ.js?v=5f90935b +0ms
  vite:transform [reuse pending] for /node_modules/.vite/chunk-2OZNLSFN.js?v=5f90935b +0ms
  vite:transform 3.45ms /node_modules/.vite/react-dom.js?v=5f90935b +0ms
  vite:transform [reuse pending] for /src/index.css +1ms
  vite:cache [memory] /node_modules/.vite/react-redux.js?v=5f90935b +0ms
  vite:time 2.09ms /node_modules/.vite/react-redux.js?v=5f90935b +60ms
  vite:transform [reuse pending] for /src/App.tsx +4ms
  vite:transform [reuse pending] for /src/app/store.ts +2ms
  vite:transform [reuse pending] for /node_modules/.vite/chunk-ROKX45YZ.js?v=5f90935b +0ms
  vite:transform [reuse pending] for /node_modules/.vite/chunk-ZF7GAFRA.js?v=5f90935b +1ms
  vite:load 50.50ms [fs] /node_modules/.vite/chunk-ROKX45YZ.js?v=5f90935b +13ms
  vite:import-analysis 3.04ms [1 imports rewritten] node_modules/.vite/chunk-ROKX45YZ.js?v=5f90935b +14ms
  vite:transform [reuse pending] for /node_modules/.vite/chunk-2OZNLSFN.js?v=5f90935b +6ms
  vite:transform 3.41ms /node_modules/.vite/chunk-ROKX45YZ.js?v=5f90935b +0ms
  vite:time 9.19ms /node_modules/.vite/chunk-ROKX45YZ.js?v=5f90935b +13ms
  vite:load 59.46ms [fs] /node_modules/.vite/chunk-2OZNLSFN.js?v=5f90935b +8ms
  vite:import-analysis 0.04ms [no imports] node_modules/.vite/chunk-2OZNLSFN.js?v=5f90935b +5ms
  vite:transform 0.30ms /node_modules/.vite/chunk-2OZNLSFN.js?v=5f90935b +5ms
  vite:resolve 0.05ms @reduxjs/toolkit -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/@reduxjs_toolkit.js?v=5f90935b +29ms
  vite:resolve 0.39ms /node_modules/.vite/@reduxjs_toolkit.js?v=5f90935b -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/@reduxjs_toolkit.js?v=5f90935b +0ms
  vite:resolve 0.56ms ../features/counter/counterSlice -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/features/counter/counterSlice.ts +1ms
  vite:resolve 0.98ms /src/features/counter/counterSlice.ts -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/features/counter/counterSlice.ts +2ms
  vite:resolve 0.75ms ./features/counter/Counter -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/features/counter/Counter.tsx +0ms
  vite:resolve 0.55ms /src/features/counter/Counter.tsx -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/features/counter/Counter.tsx +1ms
  vite:resolve 0.70ms ../breakpointManager -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/breakpointManager.ts +1ms
  vite:import-analysis 5.30ms [2 imports rewritten] src/app/store.ts +6ms
  vite:transform 37.66ms /src/app/store.ts +6ms
  vite:time 18.87ms /src/app/store.ts +9ms
  vite:resolve 1.01ms /breakpointManager.ts -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/breakpointManager.ts +1ms
  vite:hmr [self-accepts] src/App.tsx +0ms
  vite:import-analysis 8.61ms [4 imports rewritten] src/App.tsx +3ms
  vite:transform 71.05ms /src/App.tsx +7ms
  vite:cache [memory] /@react-refresh +32ms
  vite:cache [memory] /node_modules/.vite/react.js?v=5f90935b +0ms
  vite:transform [reuse pending] for /node_modules/.vite/@reduxjs_toolkit.js?v=5f90935b +5ms
  vite:transform [reuse pending] for /src/features/counter/counterSlice.ts +1ms
  vite:load 42.25ms [fs] /node_modules/.vite/chunk-ZF7GAFRA.js?v=5f90935b +21ms
  vite:import-analysis 19.78ms [2 imports rewritten] node_modules/.vite/chunk-ZF7GAFRA.js?v=5f90935b +50ms
  vite:transform 20.31ms /node_modules/.vite/chunk-ZF7GAFRA.js?v=5f90935b +40ms
  vite:time 94.24ms /node_modules/.vite/chunk-ZF7GAFRA.js?v=5f90935b +77ms
  vite:cache [memory] /node_modules/.vite/chunk-ROKX45YZ.js?v=5f90935b +88ms
  vite:cache [memory] /node_modules/.vite/chunk-2OZNLSFN.js?v=5f90935b +0ms
  vite:load 96.83ms [fs] /src/features/counter/counterSlice.ts +86ms
  vite:load 90.25ms [fs] /breakpointManager.ts +1ms
  vite:load 90.70ms [fs] /src/features/counter/Counter.tsx +0ms
  vite:load 131.96ms [fs] /node_modules/.vite/@reduxjs_toolkit.js?v=5f90935b +34ms
  vite:import-analysis 3.14ms [1 imports rewritten] node_modules/.vite/@reduxjs_toolkit.js?v=5f90935b +89ms
  vite:transform 3.45ms /node_modules/.vite/@reduxjs_toolkit.js?v=5f90935b +89ms
  vite:time 134.93ms /node_modules/.vite/@reduxjs_toolkit.js?v=5f90935b +70ms
  vite:cache [memory] /node_modules/.vite/chunk-2OZNLSFN.js?v=5f90935b +56ms
  vite:time 173.27ms /src/App.tsx +6ms
  vite:resolve 0.04ms rhythmic-breakpoints -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/rhythmic-breakpoints.js?v=5f90935b +160ms
  vite:resolve 0.32ms /node_modules/.vite/rhythmic-breakpoints.js?v=5f90935b -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.vite/rhythmic-breakpoints.js?v=5f90935b +0ms
  vite:import-analysis 1.22ms [1 imports rewritten] breakpointManager.ts +20ms
  vite:transform 61.98ms /breakpointManager.ts +20ms
  vite:transform [reuse pending] for /src/features/counter/Counter.tsx +2ms
  vite:cache [304] /breakpointManager.ts +266ms
  vite:time 0.70ms /breakpointManager.ts +12ms
  vite:load 3.23ms [fs] /node_modules/.vite/rhythmic-breakpoints.js?v=5f90935b +32ms
  vite:import-analysis 1.15ms [1 imports rewritten] node_modules/.vite/rhythmic-breakpoints.js?v=5f90935b +6ms
  vite:transform 1.44ms /node_modules/.vite/rhythmic-breakpoints.js?v=5f90935b +4ms
  vite:cache [memory] /node_modules/.vite/chunk-2OZNLSFN.js?v=5f90935b +16ms
  vite:resolve 0.49ms ./counterAPI -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/features/counter/counterAPI.ts +9ms
  vite:resolve 0.24ms /src/features/counter/counterAPI.ts -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/features/counter/counterAPI.ts +1ms
  vite:import-analysis 2.18ms [2 imports rewritten] src/features/counter/counterSlice.ts +3ms
  vite:transform 72.08ms /src/features/counter/counterSlice.ts +3ms
  vite:time 159.31ms /src/features/counter/counterSlice.ts +7ms
  vite:cache [memory] /node_modules/.vite/@reduxjs_toolkit.js?v=5f90935b +4ms
4:19:22 PM [vite] Internal server error: Could not dynamically require "/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/postcss.config.ts". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.
  Plugin: vite:css
  File: /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/index.css
      at require (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/dist/node/chunks/dep-713b45e1.js:88:8)
      at /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.pnpm/postcss-load-config@3.1.0_ts-node@10.2.1/node_modules/postcss-load-config/src/index.js:106:16
      at Object.search (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/.pnpm/lilconfig@2.0.3/node_modules/lilconfig/dist/index.js:126:37)
      at async resolvePostcssConfig (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/src/node/plugins/css.ts:806:16)
      at async compileCSS (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/src/node/plugins/css.ts:588:25)
      at async TransformContext.transform (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/src/node/plugins/css.ts:183:11)
      at async Object.transform (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/src/node/server/pluginContainer.ts:509:20)
      at async doTransform (/Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/node_modules/vite/src/node/server/transformRequest.ts:160:27)
  vite:time 601.25ms /src/index.css +405ms
  vite:resolve 0.54ms ../../app/hooks -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/app/hooks.ts +412ms
  vite:resolve 0.24ms /src/app/hooks.ts -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/app/hooks.ts +1ms
  vite:resolve 0.42ms ./counterSlice -> /Users/Diatta/WebstormProjects/vite-postcss-tailwind-test/src/features/counter/counterSlice.ts +0ms
  vite:hmr [self-accepts] src/features/counter/Counter.tsx +584ms
  vite:import-analysis 5.05ms [4 imports rewritten] src/features/counter/Counter.tsx +414ms
  vite:transform 489.23ms /src/features/counter/Counter.tsx +419ms
  vite:cache [memory] /@react-refresh +418ms
  vite:cache [memory] /node_modules/.vite/react.js?v=5f90935b +0ms
  vite:cache [memory] /src/features/counter/counterSlice.ts +0ms
  vite:cache [memory] /node_modules/.vite/rhythmic-breakpoints.js?v=5f90935b +2ms
  vite:time 0.92ms /node_modules/.vite/rhythmic-breakpoints.js?v=5f90935b +16ms
  vite:transform [reuse pending] for /src/features/counter/counterAPI.ts +4ms
  vite:load 421.45ms [fs] /src/features/counter/counterAPI.ts +428ms
  vite:load 4.36ms [fs] /src/app/hooks.ts +2ms
  vite:time 445.25ms /src/features/counter/Counter.tsx +16ms
  vite:import-analysis 0.03ms [no imports] src/features/counter/counterAPI.ts +27ms
  vite:transform 17.23ms /src/features/counter/counterAPI.ts +18ms
  vite:time 18.58ms /src/features/counter/counterAPI.ts +3ms
  vite:import-analysis 0.94ms [1 imports rewritten] src/app/hooks.ts +2ms
  vite:transform 16.97ms /src/app/hooks.ts +2ms
  vite:cache [memory] /node_modules/.vite/react-redux.js?v=5f90935b +22ms
  vite:time 0.75ms /src/favicon.svg +14ms
  vite:time 0.55ms /src/favicon.svg +27ms

Validations
@trlehmbecker
Copy link

I think originally the problem is that Vite depends on postcss-load-config which only recently added support for postcss.config.ts in the 3.1.0 release. Until yesterday's 2.6.10 release Vite had postcss-load-config@3.0.0 see: #5277.

However, today even after updating to 2.6.10 I am still getting the same error as I was before. The same error you are getting here.

@fychinesepjj

This comment was marked as spam.

Sign in to view
@spacedawwwg

This comment was marked as spam.

Sign in to view
@amiria703

This comment was marked as off-topic.

Sign in to view
@sibbng sibbng mentioned this issue Feb 18, 2022
Closed
9 tasks
@vhscom vhscom mentioned this issue Mar 14, 2022
Closed
@yorickshan

This comment was marked as spam.

Sign in to view
@cobbcheng

This comment was marked as spam.

Sign in to view
@bluwy bluwy mentioned this issue Apr 28, 2022
Merged
9 tasks
@github-actions github-actions bot locked and limited conversation to collaborators May 13, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
feat: css pending triage
Projects
None yet
Milestone
No milestone
8 participants
@spacedawwwg @fychinesepjj @Niputi @yorickshan @cobbcheng @ALMaclaine @trlehmbecker @amiria703