Ошибка машинописного текста при использовании @material-tailwind/реагировать с помощью nextjs14

пытаюсь использовать "@material-tailwind/react": "^2.1.9" в "next": "14.1.4"

"use client";
import { Button } from "@material-tailwind/react";

export default function Home() {
  return <Button>Test MUI</Button>;
}

но на кнопке отображается красная волнистая линия с ошибкой

Type '{ children: string; }' is missing the following properties from type 'Pick<ButtonProps, "children" | "color" | "disabled" | "translate" | "form" | "slot" | "style" | "title" | "onChange" | "onClick" | "className" | "value" | "key" | "autoFocus" | ... 259 more ... | "loading">': placeholder, onPointerEnterCapture,
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
5
0
1 850
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

У меня та же проблема при работе с React с Vite + Typescript, я использую Node 20.12.1.

Я нашел решение здесь: https://github.com/creativetimofficial/material-tailwind/issues/528 проблема в новых версиях пакета @react/types.

Если вы понизите версию, это должно быть исправлено. сделай это:

  1. Удалите папку node_modules и package-lock.json.
  2. Вручную в вашем package.json замените версию @types/react на «18.2.42» (следует не включать символ ^, если вы сохраните его, он не будет работать).
  3. переустановите зависимости с помощью npm install.

Я также читал некоторые случаи, когда 18.2.42 не работает. Если вдруг, попробуйте версию 18.2.19.

спасибо Dizkm8, с 18.2.42 все отлично заработало

n4djib 16.04.2024 23:04

спасибо, это отлично сработало с 19.2.42

Byorn 29.06.2024 11:50

Другие вопросы по теме