Arhn - архитектура программирования

React + antd TS2694: пространство имен «React» не имеет экспортированного члена

Я пытаюсь добавить библиотеку antd в проект React, созданный из Visual Studio 2017 (15.2.2).

Я начал с шаблона проекта «Основное веб-приложение ASP.NET», а затем выбрал «React.js» в окне ниже.

скриншот

На данный момент все работает нормально.

Если я добавлю antd в package.json ("antd": "3.1.0") и добавлю импорт в какой-нибудь tsx файл, например home.tsx вот так:

import { Row } from 'antd';

Я получаю 3 ошибки:

ОШИБКА в [at-loader]./node_modules/antd/lib/badge/ScrollNumber.d.ts:28:56 TS2694: пространство имен «React» не имеет экспортированного члена «DetailedReactHTMLElement».

ОШИБКА в [at-loader]./node_modules/antd/lib/badge/ScrollNumber.d.ts:38:52 TS2694: пространство имен «React» не имеет экспортированного члена «DetailedReactHTMLElement».

ОШИБКА в [at-loader]./node_modules/antd/lib/input/TextArea.d.ts:15:47 TS2694: пространство имен «React» не имеет экспортированного члена «TextareaHTMLAttributes».

Как я могу исправить эти ошибки?

Я пытался обновить все пакеты, но все равно получаю те же ошибки... У меня есть другие проекты с React и antd, которые не основаны на шаблоне React.js, предоставленном Visual Studio 2017, и у меня нет любые ошибки.

Спасибо за помощь!

reactjs typescript antd asp.net-core visual-studio-2017
06.01.2018

  • У меня та же проблема, но я использую шаблон React Redux. Я отредактировал ваш вопрос и добавил вознаграждение, чтобы попытаться получить помощь в этом. 01.05.2018

Ответы:


1

Самый простой способ решить эту проблему — обновить пакет «typescript» и все пакеты, связанные с React (включая @types/react-*), кроме «react-hot-loader» (обновите его только до последней версии ^3) до их последней основной версии. версия.

Если у вас все еще есть проблемы, удалите node_modules, yarn.lock, npm-shrinkwrap.json и wwwroot/dist, а затем повторите попытку.

01.05.2018

2

Похоже, что библиотека antd имеет одноранговую зависимость реакции >= 16, но, как вы сказали, Visual Studio 2017 создает репозиторий с версией реакции 15.2.2.

Одним из решений было бы изменить вашу react (на самом деле вашу @types/react, но вы должны изменить обе) зависимость на последнюю версию, которая на данный момент является 16.3.2. Это то, что предлагает @Zack, и, вероятно, это будет лучшим решением. Имейте в виду, что если вы собираетесь обновить номер версии react, вам, вероятно, следует также обновить версию react-dom и версию @types/react-dom.

В качестве альтернативы, если вы хотите сохранить выходные данные Visual Studio как есть, вы можете использовать последнюю версию antd, которая поддерживает react v15, то есть antd версии 2.13.11. Чтобы установить это, запустите npm install [email protected]. Недостатком этого является то, что вы не сможете использовать другие пакеты, зависящие от react v16.

02.05.2018
Новые материалы
Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..
Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..
Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..
Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..
3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..
Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..
Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..