cos

npx @tailwindcss/upgrade@next

≈ tailwindcss v4.0.2
│ 現在のディレクトリとそのサブディレクトリ内のCSSファイルを検索中…
│ ↳ `./tailwind.config.js` を `./src/styles/theme/shadcn.css` にリンク
│ JavaScript設定ファイルを移行中…
│ ↳ `./tailwind.config.js` の設定ファイルは新しいCSS設定形式に自動的に移行できなかったため、CSSは
│   既存の設定ファイルを読み込むように更新されました。
│ テンプレートを移行中…
│ ↳ 設定ファイルのためにテンプレートを移行: `./tailwind.config.js`
│ スタイルシートを移行中…
│ ↳ スタイルシートを移行: `./src/styles/theme/shadcn.css`
│ PostCSS設定を移行中…
│ ↳ インストールされたパッケージ: `@tailwindcss/postcss`
│ ↳ 削除されたパッケージ: `autoprefixer`
│ ↳ 削除されたパッケージ: `postcss-import`
│ ↳ PostCSS設定を移行: `./postcss.config.js`
│ 依存関係を更新中…
│ ↳ 更新されたパッケージ: `prettier-plugin-tailwindcss`
│ ↳ 更新されたパッケージ: `tailwindcss`
│ 変更を確認し、リポジトリにコミットしてください。
npm verb exit 0
npm info ok

% sudo npx @tailwindcss/upgrade@next
npm verb cli /usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js
npm info using [email protected]
npm info using [email protected]
npm verb title npm exec @tailwindcss/upgrade@next
npm verb argv "exec" "--" "@tailwindcss/upgrade@next"
npm verb logfile logs-max:10 dir:/Users/cosine/.npm/_logs/2025-02-03T10_01_41_235Z-
npm verb logfile /Users/cosine/.npm/_logs/2025-02-03T10_01_41_235Z-debug-0.log
npm sill logfile start cleaning logs, removing 1 files
npm sill logfile done cleaning log files
npm http fetch GET 200 https://registry.npmjs.org/@tailwindcss%2fupgrade 489ms (cache updated)
≈ tailwindcss v4.0.2

│ 現在のディレクトリとそのサブディレクトリ内のCSSファイルを検索中…

│ ↳ `./tailwind.config.mjs` を `./src/styles/global/tailwind.css` にリンク

│ JavaScript設定ファイルを移行中…

│ ↳ 設定ファイルを読み込めませんでした: undefined は関数ではありません

npm verb exit 1
npm verb code 1

// tailwind.config.js
module.exports = {
  plugins: [
    require("@tailwindcss/container-queries"),
    require("tailwindcss-animate"),
    // require("tailwind-clip-path"),
    require("@tailwindcss/typography"),
  ],
};

> [email protected] dev /Users/cosine/Documents/Programming/cos-space
> astro dev

パッケージのサブパス './nesting/index.js' は、/Users/cosine/Documents/Programming/cos-space/node_modules/.pnpm/@[email protected][email protected]_@[email protected][email protected][email protected][email protected]._5qh5alcn5ztelwntajptz64i4q/node_modules/tailwindcss/package.json で "exports" によって定義されていません
  スタックトレース:
    at exportsNotFound (node:internal/modules/esm/resolve:304:10)
    at packageResolve (node:internal/modules/esm/resolve:837:14)
    at defaultResolve (node:internal/modules/esm/loader:359:25)
    at ModuleLoader.resolve (node:internal/modules/esm/loader:322:34)
    at ModuleLoader.import (node:internal/modules/esm/loader:322:34)
 ELIFECYCLE  コマンドは終了コード1で失敗しました。

npx @astrojs/upgrade

pnpm rm @astrojs/tailwind
pnpm i tailwindcss @tailwindcss/vite

diff --git a/astro.config.mjs b/astro.config.mjs
index bf8e9b1..20513bd 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,22 +1,17 @@
 // @ts-check
 import react from '@astrojs/react';
-import tailwind from '@astrojs/tailwind';
 import { siteConfig } from './src/constants/site-config';
 import icon from 'astro-icon';
 import { defineConfig } from 'astro/config';
 import svgr from 'vite-plugin-svgr';
 import umami from '@yeskunall/astro-umami';
+import tailwindcss from '@tailwindcss/vite';

 // https://astro.build/config
 export default defineConfig({
   site: siteConfig.site,
   integrations: [
     react(),
-    tailwind({
-      //  Tailwindの構文に基づいてネストされたCSS宣言を書くことを許可
-      nesting: true,
-      applyBaseStyles: false,
-    }),
     icon({
       include: {
         gg: ['*'],
@@ -35,7 +30,7 @@ export default defineConfig({
     enabled: true,
   },
   vite: {
-    plugins: [svgr()],
+    plugins: [svgr(), tailwindcss()],
   },
   trailingSlash: 'never',
 });

diff --git a/tailwind.config.mjs b/tailwind.config.mjs
index a7de2d0..28e5899 100644
--- a/tailwind.config.mjs
+++ b/tailwind.config.mjs
@@ -140,10 +140,5 @@ export default {
       },
     },
   },
-  plugins: [
-    require('@tailwindcss/container-queries'),
-    require('tailwindcss-animate'),
-    require('tailwind-clip-path'),
-    require('@tailwindcss/typography'),
-  ],
+  plugins: [require('@tailwindcss/container-queries'), require('tailwindcss-animate'), require('@tailwindcss/typography')],
 };

Error: Package subpath './nesting/index.js' is not defined by "exports" in...