Laravel 8,使用 Tailwind CSS 安装 React.js

Posted

技术标签:

【中文标题】Laravel 8,使用 Tailwind CSS 安装 React.js【英文标题】:Laravel 8, installing React.js with Tailwind CSS 【发布时间】:2021-03-19 21:40:08 【问题描述】:

我在纯 html 前端花了很多时间,但现在我在后端使用 React 和 Laravel。

Laravel 和 React 安装正确,没有问题。但是在我安装 Tailwind 之后,在我的终端中运行 npm run dev 时出现错误。

以下是截图:

我点击了这个链接:tailwind website

之后我也点击此链接:https://tailwindcss.com/docs/installation#post-css-7-compatibility-build

当我运行此命令 npm run dev 时,我在终端上看到一个错误。

【问题讨论】:

欢迎来到 ***!为了更好地了解如何写出好问题并获得相关答案,请阅读我们的Welcome Tour to 和How ask a good question 文章。 【参考方案1】:

在文件 webpack.mix.js 中删除或注释该行:

.sass('resources/sass/app.scss', 'public/css');

因为你想使用不同的 css 预处理器。

【讨论】:

以上是关于Laravel 8,使用 Tailwind CSS 安装 React.js的主要内容,如果未能解决你的问题,请参考以下文章

Laravel 8 在 HTML 标签中提供我的 Tailwind CSS 文件

Laravel Mix / Tailwind 使用 css-loader 编译问题

我正在使用 Bootstrap 和 Tailwind CSS 开发 Laravel。我的tailwindcss没有被选中

在 Docker 容器中使用 Laravel Mix 构建完整的 Tailwind 3 app.css 文件

在 Tailwind CSS 和 Laravel 中添加字体

OctoberCMS (Laravel) + Vue.js + Tailwind CSS 最佳设置