Definitelytyped: Не удается найти модуль csstype

Созданный на 7 апр. 2018 · 21Комментарии · Источник: DefinitelyTyped/DefinitelyTyped

Привет, я пытаюсь использовать реакцию с машинописным текстом, я установил ( react , react-dom ), ( @types/react , @types/react-dom ) при попытке запустить проект Я получаю ошибку ERROR in [at-loader] ./node_modules/@types/react/index.d.ts:55:22 Cannot find module 'csstype' . Я пробовал npm i csstype в @types/react и в корне проекта. Также, несмотря на ошибку, в модуле @types/react существует папка node_modules / csstype, поэтому я даже не знаю, почему возникает эта ошибка.

tsconfig.json

{
    "compilerOptions": {
        "outDir": "./build/", // path to output directory
        "strictNullChecks": true, // enable strict null checks as a best practice
        "module": "es6", // specify module code generation
        "jsx": "react", // use typescript to transpile jsx to js
        "target": "es5", // specify ECMAScript target version
        "allowJs": true, // allow a partial TypeScript and JavaScript codebase

        "noImplicitAny": true,
        "noImplicitReturns": true,
        "noUnusedLocals": true,
        "noUnusedParameters": true,
    },
    "exclude": [
        "node_modules"
    ],
    "include": [
        "./source/**/*.tsx",
        "./source/**/*.ts"
    ]
}

package.json

{
  "name": "suggestion-app",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "webpack:server": "babel-node node_modules/.bin/webpack-dev-server --mode=development"
  },
  "dependencies": {
    "react": "^16.3.1",
    "react-dom": "^16.3.1"
  },
  "devDependencies": {
    "@types/react": "^16.3.5",
    "@types/react-dom": "^16.0.4",
    "babel-cli": "^6.26.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-stage-3": "^6.24.1",
    "caniuse-lite": "^1.0.30000697",
    "clean-webpack-plugin": "^0.1.19",
    "css-loader": "^0.28.11",
    "eslint": "^4.19.1",
    "eslint-config-airbnb": "^16.1.0",
    "eslint-plugin-import": "^2.10.0",
    "eslint-plugin-jsx-a11y": "^6.0.3",
    "eslint-plugin-react": "^7.7.0",
    "file-loader": "^1.1.11",
    "glob": "^7.1.2",
    "html-webpack-plugin": "^3.2.0",
    "mini-css-extract-plugin": "^0.4.0",
    "postcss-cssnext": "^3.1.0",
    "postcss-loader": "^2.1.3",
    "purify-css": "^1.2.5",
    "purifycss-webpack": "^0.7.0",
    "script-ext-html-webpack-plugin": "^2.0.1",
    "webpack": "^4.5.0",
    "webpack-cli": "^2.0.14",
    "webpack-dev-server": "^3.1.1"
  }
}

источник / index.ts

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import './styles/main.css';

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

ОС: Ubuntu 17.10

Источник

liketurbo

👍35 ❤2

Самый полезный комментарий

Попробуйте compilerOptions.moduleResolution: "node"

(Отредактировано Ортой: если вы видите это внутри DefinentyTyped, вам нужно запустить npm install в зависимости, где вы видите эту ошибку. Например, cd types/react; npm install и тогда список должен быть лучше - см. Https: //github.com/microsoft/dtslint/issues/226)

frenic 8 апр. 2018

👍97 🎉12 🚀6 😕3

Все 21 Комментарий

Попробуйте compilerOptions.moduleResolution: "node"

frenic 8 апр. 2018

👍97 🎉12 🚀6 😕3

У меня тоже была эта ошибка.

moduleResolution: true выдает ошибки - и не указано в документации как допустимое значение - но установка moduleResolution: "node" выглядит так, как будто она выполнила свою работу 👍 Спасибо!

bencoveney 8 апр. 2018

🎉1 👍1

Извините, я хотел сказать "node" 😆 Изменил свой комментарий. Рад, что помог.

frenic 8 апр. 2018

👍1

Set "moduleResolution": "node" мне тоже пригодится.

HJava 8 мая 2018

👍3

Спасибо, Френик. У меня тоже работает.

valvic66 23 мая 2018

Кто-нибудь может указать, почему? Есть ли обновление, которое сделало бы эту настройку ненужной?

jcrben 19 июн. 2018

Если compilerOptions.module === "AMD" or "System" or "ES6" по умолчанию для compilerOptions.moduleResolution будет "Classic" , в противном случае это "Node" . Итак, если вы используете одну из этих модульных стратегий, но все ваши пакеты находятся под node_modules . compilerOptions.moduleResolution должен быть установлен на "Node" .

Для Classic :

Однако для не относительного импорта модулей компилятор просматривает дерево каталогов, начиная с каталога, содержащего импортируемый файл, пытаясь найти соответствующий файл определения.

Для Node :

Node будет искать ваши модули в специальных папках с именем node_modules. Папка node_modules может находиться на том же уровне, что и текущий файл, или выше в цепочке каталогов. Node будет проходить по цепочке каталогов, просматривая каждый node_modules, пока не найдет модуль, который вы пытались загрузить.

( источник )

frenic 19 июн. 2018

👍6 🎉1

"module": "commonjs" исправил эту проблему для меня, попробуйте.

svipas 28 июн. 2018

👍1

Для тех, кто использует разрешение модуля classic _не_ хочет переходить на разрешение модуля node , я смог обойти эту проблему, добавив запись paths для csstype в моем tsconfig.json , поскольку мой проект использует параметр конфигурации baseUrl . См. Документацию по

Очевидно, что это не масштабируемый подход, если у вас много подобных конфликтов, но это был наш первый и, по крайней мере, выиграл нам время, если мы хотим рассмотреть возможность перехода на разрешение модуля node .

austinbruch 5 июл. 2018

Я тоже столкнулся с этим.

Через WebPack + TypeScript

Module not found: Error: Can't resolve 'csstype'

Что исправило это для меня, что, вероятно, довольно хакерское, но с TS 2.9 вы можете import() types (https://blogs.msdn.microsoft.com/typescript/2018/05/31/announcing-typescript -2-9 / # import-types), поэтому я сделал это, и теперь он компилируется без жалоб:

type VisibilityProperty = import('csstype').VisibilityProperty;
type AnimationProperty = import('csstype').AnimationProperty;

aventurella 26 сент. 2018

👍1

Привет. Спасибо за предложение установить здесь compilerOptions.moduleResolution: "node" .
Однако, к сожалению, moduleResolution уже установлен как «узел», когда я создал проект с помощью create-react-app-typescript, но я все еще вижу проблему.

Я буду продолжать проверять, но было бы здорово, если бы кто-то уже знал ответ и мог сказать мне, как это исправить :-)

ОБНОВЛЕНИЕ: извините, это моя неправильная настройка - есть tsconfig.test.json , в котором модуль установлен как commonjs и добавление "moduleResolution": "node" похоже, исправило его.

htbkoo 15 окт. 2018

Я проверяю types/react-tag-autocomplete и запускаю npm run lint react-tag-autocomplete . Получение такой же ошибки, error TS2307: Cannot find module 'csstype' .

После добавления "moduleResolution": "node", в compilerOptions из react-tag-complete tsconfig.json появляется ошибка: Error: Unexpected compiler option moduleResolution .

Любая помощь?

Rahul-Sagore 28 мар. 2019

Это сводило меня с ума, пытаясь создать определение типа, которое зависело бы от реакции. Оказывается, библиотека csstype имеет свои собственные определения TS, которые, таким образом, отсутствуют в каталоге /types этого репо. Я создал проблему в dtslint, чтобы решить эту проблему:

https://github.com/Microsoft/dtslint/issues/226

mike-marcacci 3 апр. 2019

Для меня установка параметра moduleResolution не сработала, поэтому я вручную выполнил решение, которое @ mike-marcacci уже предложил на PR, который он поднял в репозитории

cd types/react
npm i

nossbigg 25 мая 2019

👍20 🎉2

@ Рахул-Сагор. У меня такая же ошибка, как и у вас. Вы когда-нибудь придумали, как решить эту проблему?

mcmar 11 июн. 2019

@mcmar Нет.

Rahul-Sagore 12 июн. 2019

@ Рахул-Сагор. У меня такая же ошибка, как и у вас. Вы когда-нибудь придумали, как решить эту проблему?

Вам нужно установить зависимости types/react и это будет работать :)

как указано в этом ответе https://github.com/DefinitiTyped/DefinitiTyped/issues/24788#issuecomment -495861835

agustin107 28 июн. 2019

У меня тоже есть такая проблема.

Установка "moduleResolution": "node", выдает ошибку Error: Unexpected compiler option moduleResolution
Я пытался

    cd types\react
    npm i

Затем запуск npm run lint <my-package> показывает мне огромное количество ошибок с csstype вроде

../react/node_modules/csstype/index.d.ts(2071,31): error TS1005: '(' expected.
../react/node_modules/csstype/index.d.ts(2083,19): error TS2693: 'LetterSpacingProperty' only refers to a type, but is being used as a value here.
../react/node_modules/csstype/index.d.ts(2083,49): error TS1005: '(' expected.
../react/node_modules/csstype/index.d.ts(2096,15): error TS2693: 'LineBreakProperty' only refers to a type, but is being used as a value here.

И несколько сотен похожих строк