Сложность использования компонентов Ant Design в реакции с основным веб-приложением asp.net (на основе react-redux)

Я пытаюсь использовать компоненты antd в приложении для реагирования, я создал веб-приложение Asp.net Core в VS2017, поскольку VS создает инфраструктуру response-redux, которую я установил antd просто с помощью команды npm install antd --save.

До antd я использовал response-bootstrap и другие библиотеки, поэтому я ожидал использовать antd таким же образом, но получил ошибки ниже. может кто-нибудь просветить меня, что здесь не так?

ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:10:38 
    TS1005: '=' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:12:46 
    TS1005: ';' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:12:75 
    TS1005: ';' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:12:99 
    TS1005: ';' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:54 
    TS1005: ';' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:78 
    TS1005: ';' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:81 
    TS1109: Expression expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:97 
    TS1109: Expression expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:122 
    TS1005: ';' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:130 
    TS1128: Declaration or statement expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:138 
    TS1005: ',' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:27:48 
    TS1005: ';' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:27:49 
    TS1109: Expression expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:27:50 
    TS1109: Expression expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:27:68 
    TS1005: '(' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:27:69 
    TS1005: ')' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:29:30 
    TS1005: ';' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:29:54 
    TS1005: ';' expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:29:57 
    TS1109: Expression expected.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:10:31 
    TS2304: Cannot find name 'unique'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:12:54 
    TS2304: Cannot find name 'T'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:12:83 
    TS2304: Cannot find name 'T'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:12:107 
    TS2304: Cannot find name 'T'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:62 
    TS2693: 'Validator' only refers to a type, but is being used as a value here.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:72 
    TS2304: Cannot find name 'infer'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:78 
    TS2304: Cannot find name 'T'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:83 
    TS2693: 'IsOptional' only refers to a type, but is being used as a value here.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:94 
    TS2304: Cannot find name 'T'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:112 
    TS2693: 'never' only refers to a type, but is being used as a value here.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:120 
    TS2304: Cannot find name 'K'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:124 
    TS2693: 'never' only refers to a type, but is being used as a value here.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:132 
    TS2304: Cannot find name 'keyof'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:14:138 
    TS2304: Cannot find name 'V'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:15:31 
    TS2304: Cannot find name 'Exclude'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:24:27 
    TS2304: Cannot find name 'NonNullable'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:27:52 
    TS2693: 'Validator' only refers to a type, but is being used as a value here.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:27:62 
    TS2304: Cannot find name 'T'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:27:64 
    TS2304: Cannot find name 'K'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:29:38 
    TS2693: 'Validator' only refers to a type, but is being used as a value here.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:29:48 
    TS2304: Cannot find name 'infer'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:29:54 
    TS2304: Cannot find name 'T'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:29:59 
    TS2304: Cannot find name 'T'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:31:31 
    TS2344: Type 'RequiredKeys<V>' does not satisfy the constraint 'keyof V'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:46:78 
    TS2304: Cannot find name 'NonNullable'.
ERROR in [at-loader] ./node_modules/@types/prop-types/index.d.ts:50:75 
    TS2304: Cannot find name 'Required'.
ERROR in [at-loader] ./node_modules/antd/lib/_util/type.d.ts:1:58 
    TS2304: Cannot find name 'Exclude'.
ERROR in [at-loader] ./node_modules/antd/lib/badge/ScrollNumber.d.ts:27:56 
    TS2694: Namespace 'React' has no exported member 'DetailedReactHTMLElement'.
ERROR in [at-loader] ./node_modules/antd/lib/badge/ScrollNumber.d.ts:37:52 
    TS2694: Namespace 'React' has no exported member 'DetailedReactHTMLElement'.
ERROR in [at-loader] ./node_modules/antd/lib/badge/ScrollNumber.d.ts:47:43 
    TS2707: Generic type 'Component<P, S>' requires between 0 and 2 type arguments.
ERROR in [at-loader] ./node_modules/antd/lib/button/button.d.ts:26:29 
    TS2694: Namespace 'React' has no exported member 'AnchorHTMLAttributes'.
ERROR in [at-loader] ./node_modules/antd/lib/button/button.d.ts:30:29 
    TS2694: Namespace 'React' has no exported member 'ButtonHTMLAttributes'.
ERROR in [at-loader] ./node_modules/antd/lib/form/Form.d.ts:17:42 
    TS2694: Namespace 'React' has no exported member 'FormHTMLAttributes'.
ERROR in [at-loader] ./node_modules/antd/lib/form/FormItem.d.ts:30:103 
    TS2694: Namespace 'React' has no exported member 'ReactNodeArray'.
ERROR in [at-loader] ./node_modules/antd/lib/form/FormItem.d.ts:30:126 
    TS2694: Namespace 'React' has no exported member 'ReactPortal'.
ERROR in [at-loader] ./node_modules/antd/lib/form/FormItem.d.ts:32:102 
    TS2694: Namespace 'React' has no exported member 'ReactNodeArray'.
ERROR in [at-loader] ./node_modules/antd/lib/form/FormItem.d.ts:32:125 
    TS2694: Namespace 'React' has no exported member 'ReactPortal'.
ERROR in [at-loader] ./node_modules/antd/lib/input-number/index.d.ts:4:54 
    TS2694: Namespace 'React' has no exported member 'InputHTMLAttributes'.
ERROR in [at-loader] ./node_modules/antd/lib/input/Input.d.ts:7:48 
    TS2694: Namespace 'React' has no exported member 'InputHTMLAttributes'.
ERROR in [at-loader] ./node_modules/antd/lib/input/TextArea.d.ts:6:47 
    TS2694: Namespace 'React' has no exported member 'TextareaHTMLAttributes'.
ERROR in [at-loader] ./node_modules/antd/lib/skeleton/index.d.ts:15:15 
    TS2415: Class 'Skeleton' incorrectly extends base class 'Component<SkeletonProps, any>'.
  Types of property 'render' are incompatible.
    Type '() => {} | null | undefined' is not assignable to type '() => false | Element | null'.
      Type '{} | null | undefined' is not assignable to type 'false | Element | null'.
        Type 'undefined' is not assignable to type 'false | Element | null'.

заранее спасибо.

Удалось ли вам это обойти?

yellow-saint 21.09.2018 16:33
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
1
1
965
1

Ответы 1

Попробуйте обновить модули машинописного текста и узлов до последней версии.

npm install -g typescript@latest
npm udpate

Это решило мою проблему.

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