Laravel Tailwind 身份验证脚手架问题

时间:2021-07-26 20:04:47

标签: laravel authentication npm webpack tailwind-css

所以我目前正在使用 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 ERR! ERESOLVE 无法解析依赖 树 npm 错误! npm 错误!解析时:undefined@undefined npm ERR! 发现:tailwindcss@2.2.7 npm ERR! node_modules/tailwindcss npm ERR!
dev tailwindcss@"^2.2.6" 来自根项目 npm ERR! npm 错误!可以 不解决依赖:npm ERR!同行 tailwindcss@"^1.3.3" 来自 @tailwindcss/ui@0.3.1 npm ERR! node_modules/@tailwindcss/ui npm ERR!
dev @tailwindcss/ui@"^0.3" 来自根项目 npm ERR! npm 错误!使固定 上游依赖冲突,或者重试 npm ERR!这个命令与 --force 或 --legacy-peer-deps npm ERR!接受不正确(并且可能已损坏)的依赖项解析。 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。

1 个答案:

答案 0 :(得分:2)

@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