Laravel Tailwind 身份验证脚手架问题答案

【问题标题】：Laravel Tailwind authentication scaffolding issueLaravel Tailwind 身份验证脚手架问题
【发布时间】：2021-10-02 17:49:53
【问题描述】：

所以我目前正在使用 Laravel 和 Tailwind。我创建了一个项目并通过一些初始视图工作。接下来要做的是向项目添加身份验证脚手架。

我尝试谷歌搜索，找到https://aregsar.com/blog/2020/create-laravel-project-with-tailwind-ui-and-auth/。我还检查了其他几个具有相同指针的结果。

所以当我运行composer require laravel-frontend-presets/tailwindcss --dev 时，没有问题。接下来我运行以下命令。

php artisan ui tailwindcss --auth
Tailwind CSS scaffolding installed successfully.
Tailwind CSS auth scaffolding installed successfully.
Please run "npm install && npm run dev" to compile your fresh scaffolding.

没有问题...但是，当我尝试运行 npm install 时，我得到以下信息...

npm install && npm run dev

npm 错误！代码 ERESOLVE npm 错误！ ERESOLVE 无法解决依赖关系树 npm 错误！ npm 错误！解决时：undefined@undefined npm ERR！发现：tailwindcss@2.2.7 npm ERR！ node_modules/tailwindcss npm 错误！
dev tailwindcss@"^2.2.6" 来自根项目 npm ERR！ npm 错误！可以不解决依赖关系：npm ERR！对等 tailwindcss@"^1.3.3" 来自 @tailwindcss/ui@0.3.1 npm 错误！ node_modules/@tailwindcss/ui npm ERR！
dev @tailwindcss/ui@"^0.3" 来自根项目 npm ERR！ npm 错误！使固定上游依赖冲突，或者重试npm ERR！这个命令与 --force 或 --legacy-peer-deps npm 错误！接受不正确的（并且可能被破坏的）依赖解决方案。 npm 错误！ npm 错误！看 /home/tam/.npm/eresolve-report.txt 查看完整报告。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
/home/xxx/.npm/_logs/2021-07-26T19_33_44_249Z-debug.log

卡在这里。很遗憾，我更喜欢 Tailwind 而不是 Bootstrap。

【问题讨论】：

请添加 package.json。

标签： laravel authentication npm webpack tailwind-css

【解决方案1】：

@tailwindcss/ui 是no longer needed。卸载@tailwindcss/ui 包。

npm uninstall @tailwindcss/ui

为 Laravel Mix、Autoprefixer 和 PostCSS 安装最新的依赖项。

npm install -D laravel-mix@latest postcss@latest 
    autoprefixer@latest tailwindcss@latest

最后，确定线路...

require('@tailwindcss/ui'),

已从您的 tailwind.config.js 文件中删除。

继续编译。

npm install && npm run dev

【讨论】：