reactjs 在规则@顺风css处未知(unknownAtRules)

a0x5cqrl  于 2023-01-17  发布在  React
关注(0)|答案(3)|浏览(319)

这是我第一次使用Typescript和Tailwind。我已经按照Tailwind guide创建了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();
dxxyhpgq

dxxyhpgq1#

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

mhd8tkvw

mhd8tkvw2#

按照此链接中的步骤使用nvm更新NodeJS:https://learn.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

zpqajqem

zpqajqem3#

添加VS代码扩展postcss语言支持

相关问题