未知规则 @tailwind css(unknownAtRules)答案

【问题标题】：Unknown at rule @tailwind css(unknownAtRules)未知规则 @tailwind css(unknownAtRules)
【发布时间】：2021-03-22 15:05:31
【问题描述】：

所以这是我第一次使用 Typescript 和 Tailwind。我已经遵循了 create-react-app 的顺风指南，但是当我尝试运行 npm start 时，我收到了这个错误：

./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
TypeError: Object.entries(...).flatMap is not a function
    at Array.forEach (<anonymous>)

这是我的index.css

@tailwind base;
@tailwind components; 
@tailwind utilities;

body {...

我在 index.css Unknown at rule @tailwind css(unknownAtRules) 中收到警告

这是我的index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
// import App from './App';
import reportWebVitals from './reportWebVitals';

ReactDOM.render(
  <React.StrictMode>
    <div className="px-4 py-2 bg-green-500 text-white font-semibold rounded-lg hover:bg-green-700">tombol</div>
  </React.StrictMode>,
  document.getElementById('root')
);

reportWebVitals();

【问题讨论】：

node.js 版本低于 11 可能是一个原因。
我更新了节点，它可以工作了，谢谢！
这能回答你的问题吗？ How to add a @tailwind CSS rule to css checker

标签： css reactjs typescript tailwind-css

【解决方案1】：

这很奇怪。尝试将您的 Node.js 更新到最新的当前稳定版本，然后重试。

【讨论】：

【解决方案2】：

按照此链接中的步骤使用nvm 更新NodeJS： https://docs.microsoft.com/en-us/windows/nodejs/setup-on-windows

确保您已从项目中卸载了以前的 node_modules 文件夹。

按照这些步骤进行

安装 RimRaf：
npm install rimraf -g

并在项目文件夹中删除 node_modules 文件夹：
rimraf node_modules

参考：How to Delete node_modules - Deep Nested Folder in Windows

【讨论】：