警告：无效的挂钩调用。钩子只能在 @material-tailwind_react.js?v=25ac0a9e:144

Question

嗨，我正在尝试在我的 vite-react 应用程序中使用材料顺风组件。

我正在 webstorm ide 中工作。

我按照顺风安装提供的所有步骤进行操作：

1. 已安装顺风

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

2. 配置了我的模板路径。

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

3. 向我的 index.css 文件添加了指令：

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

然后我按照提供的方式进行材料顺风安装：

1. npm i @material-tailwind/react

2. 将之前的模板路径更改为：

const withMT = require("@material-tailwind/react/utils/withMT");

module.exports = withMT({
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  theme: {
    extend: {},
  },
  plugins: [],
});

在这个阶段，Webstorm 给了我 2 个错误：

ESLint: 'require' is not defined. (no-undef)
ESLint: 'module' is not defined. (no-undef)

3. 在 main.jsx 中添加了 themeprovider：

import {ThemeProvider} from "@material-tailwind/react";

ReactDOM.createRoot(document.getElementById('root')).render(
    <React.StrictMode>
        <ThemeProvider>
            <App/>
        </ThemeProvider>
    </React.StrictMode>,
)

4. 尝试运行后：

import './App.css'
import {Button} from "@material-tailwind/react";

export default function App() {
  return <Button>Button</Button>;
}

我在控制台中遇到很多错误： 错误截图

我是 React 新手，不知道这些错误是怎么回事。很高兴您能帮忙！

Answer 1

我也一样。好难过。我也在 typescrypt 上尝试过这个。但似乎 React js/ts 设置的完整文档不够清晰。