Ошибка в node_modules / @ types / (Интерфейс 'Элемент' не может одновременно расширять типы 'ReactElement <any>) - PullRequest
Новая
       7

Ошибка в node_modules / @ types / (Интерфейс 'Элемент' не может одновременно расширять типы 'ReactElement <any>)

0 голосов
/ 31 августа 2018

Я получаю несколько ошибок типа React.js в node_module на этапе сборки:

  1. TS2320: Interface 'Element' cannot simultaneously extend types 'ReactElement<any>' and 'ReactElement<any>'. Named property 'type' of types 'ReactElement<any>' and 'ReactElement<any>' are not identical.
  2. S2320: Interface 'ElementClass' cannot simultaneously extend types 'Component<any, {}, any>' and 'Component<any, {}, any>'. Named property 'props' of types 'Component<any, {}, any>' and 'Component<any, {}, any>' are not identical.
  3. TS2300: Duplicate identifier 'LibraryManagedAttributes'.
  4. TS2717: Subsequent property declarations must have the same type. Property 'a' must be of type 'DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>', but here has type 'DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>'.

Сначала я подумал, что проблема связана с нефиксированными версиями пакетов, поэтому я нашел работающий проект, использующий те же пакеты, и отредактировал файл package.json, чтобы использовать точную версию. - не помогло.

Тогда я попросил моего коллегу сделать это на его машине, и это сработало! Поэтому я настроил node, npm и yarn, чтобы соответствовать тем же версиям. - не помогло.

После этого я полностью удалил node, npm, yarn и переустановил их. Хотя это не помогло решить проблему.

Моя текущая настройка:

  • узел v10.9.0
  • npm v6.2.0
  • пряжа v1.9.4

package.json: 

  "devDependencies": {
    "@babel/core": "^7.0.0-rc.1",
    "@babel/plugin-transform-typescript": "^7.0.0-rc.1",
    "@babel/preset-env": "^7.0.0-rc.1",
    "@babel/preset-react": "^7.0.0-rc.1",
    "@commitlint/cli": "^7.0.0",
    "@commitlint/config-conventional": "^7.0.1",
    "@types/react": "^16.4.12",
    "@types/react-dom": "^16.0.7",
    "@types/react-router-dom": "^4.3.0",
    "awesome-typescript-loader": "^5.2.0",
    "babel-loader": "^8.0.0-beta",
    "commitizen": "^2.10.1",
    "commitlint": "^7.0.0",
    "css-loader": "^1.0.0",
    "cz-customizable": "^5.2.0",
    "extract-text-webpack-plugin": "4.0.0-beta.0",
    "html-webpack-plugin": "^3.2.0",
    "husky": "^0.14.3",
    "node-sass": "^4.9.3",
    "sass-loader": "^7.1.0",
    "source-map-loader": "^0.2.4",
    "standard-version": "^4.4.0",
    "style-loader": "^0.22.1",
    "typescript": "^3.0.1",
    "webpack": "^4.16.5",
    "webpack-cli": "^3.1.0",
    "webpack-dev-server": "^3.1.5"
  },
  "dependencies": {
    "@material-ui/core": "^1.5.1",
    "react": "^16.4.2",
    "react-dom": "^16.4.2",
    "react-router-dom": "^4.3.1"
  }

tsconfig.json: 

{
    "compilerOptions": {
        "outDir": "./dist/",
        "sourceMap": true,
        "noImplicitAny": true,
        "module": "commonjs",
        "target": "esnext",
        "jsx": "react"
    },
    "include": [
        "./src/**/*"
    ]
}

Список ошибок: 

ERROR in [at-loader] ./node_modules/@types/react/index.d.ts:2305:19
    TS2320: Interface 'Element' cannot simultaneously extend types 'ReactElement<any>' and 'ReactElement<any>'.
  Named property 'type' of types 'ReactElement<any>' and 'ReactElement<any>' are not identical.

ERROR in [at-loader] ./node_modules/@types/react/index.d.ts:2306:19
    TS2320: Interface 'ElementClass' cannot simultaneously extend types 'Component<any, {}, any>' and 'Component<any, {}, any>'.
  Named property 'props' of types 'Component<any, {}, any>' and 'Component<any, {}, any>' are not identical.

ERROR in [at-loader] ./node_modules/@types/react/index.d.ts:2312:14
    TS2300: Duplicate identifier 'LibraryManagedAttributes'.

ERROR in [at-loader] ../../../node_modules/@types/react/index.d.ts:2326:13
    TS2717: Subsequent property declarations must have the same type.  Property 'a' must be of type 'DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>', but here has type 'DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>'.

1 Ответ

0 голосов
/ 31 августа 2018

У меня была такая же проблема некоторое время назад, и она не имеет ничего общего с ./node_modules/@types. Использование nvm - менеджера версий узлов и полное уничтожение node, npm, yarn и их глобальных пакетов устранили мою проблему.

Удаление Node.js и NPM занимает довольно много шагов , поэтому я рекомендую использовать автоматизированное решение, такое как node-reinstall script. 

git clone git@github.com:brock/node-reinstall.git
cd node-reinstall
./node-reinstall

Это удаляет все пакеты и полностью удаляет Node.js и NPM и заменяет их на Node Version Manager. Если установка прошла успешно, вы увидите что-то вроде этого: 

nvm --version // 0.33.11

Если вы использовали Homebrew для установки yarn, просто выполните brew uninstall yarn, в противном случае yarn уже удален из вашей системы.

Теперь вам нужно будет позаботиться о yarn упаковках . cd до ~/.config/yarn/global и удалите node_modules, package.json и yarn.lock.

Вот и все, все удалено, и вы готовы установить Node и NPM с nvm. Для этого введите: 

 nvm install node

Он загрузит, скомпилирует и установит последнюю версию Node и NPM.
Теперь проверьте все с помощью: 

node -v
npm -v
...