0

拉拉维尔 9.0

捷流 2.6

缺少很多默认颜色..例如,红色只有三个100、600、700,缺少灰色300、400、600、900等等!

我尝试了这个问题的解决方案,但没有奏效

与 Laravel Jetstream 一起使用时,未编译 Tailwind 颜色

作曲家.json

"require": {
        "php": "^8.0",
        "fruitcake/laravel-cors": "^2.0.5",
        "guzzlehttp/guzzle": "^7.2",
        "laravel/framework": "^9.0",
        "laravel/jetstream": "^2.6",
        "laravel/sanctum": "^2.14",
        "laravel/tinker": "^2.7",
        "livewire/livewire": "^2.5"
    },
    "require-dev": {
        "barryvdh/laravel-debugbar": "^3.6",
        "barryvdh/laravel-ide-helper": "^2.12",
        "beyondcode/laravel-query-detector": "^1.6",
        "fakerphp/faker": "^1.9.1",
        "laravel/sail": "^1.0.1",
        "mockery/mockery": "^1.4.4",
        "nunomaduro/collision": "^6.1",
        "phpunit/phpunit": "^9.5.10",
        "spatie/laravel-ignition": "^1.0"
    },

包.json

"devDependencies": {
        "@tailwindcss/forms": "^0.4.0",
        "@tailwindcss/typography": "^0.5.0",
        "alpinejs": "^3.0.6",
        "axios": "^0.25",
        "browser-sync": "^2.27.7",
        "browser-sync-webpack-plugin": "^2.3.0",
        "laravel-mix": "^6.0.6",
        "lodash": "^4.17.19",
        "postcss": "^8.1.14",
        "postcss-import": "^14.0.1",
        "tailwindcss": "^3.0.22"
    }

tailwind.config.js

const defaultTheme = require('tailwindcss/defaultTheme');

module.exports = {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/laravel/jetstream/**/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],

    theme: {
      extend: {
        fontFamily: {
          sans: ['Nunito', ...defaultTheme.fontFamily.sans],
        },
      },
    },

    plugins: [require('@tailwindcss/forms')],
};
4

1 回答 1

0

当我将 Tailwind 版本从 3.0.0 降级到 2.2.19 时 .. 一切正常!!

于 2022-02-15T11:08:07.430 回答