Definitelytyped: 모듈 'csstype'을(를) 찾을 수 없습니다.

에 만든 2018년 04월 07일 · 21코멘트 · 출처: DefinitelyTyped/DefinitelyTyped

안녕하세요, 저는 typescript로 반응을 사용하려고하는데 프로젝트를 시작하기 위해 ( 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' 오류가 발생합니다. @types/react 및 프로젝트 루트에서 npm i csstype 를 시도했습니다. 또한 오류에도 불구하고 @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"
    ]
}

패키지.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"
  }
}

소스/인덱스.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')
);

운영 체제: 우분투 17.10

출처

liketurbo

👍35 ❤2

가장 유용한 댓글

compilerOptions.moduleResolution: "node" 시도

(Orta에 의해 편집: 만일 당신이 이것을 확실히 Typed 내부에서 보고 있다면, 당신은 당신이 그 오류를 보고 있는 종속성에서 npm install 를 실행해야 합니다. 예를 들어 cd types/react; npm install 그리고 나서 목록이 더 좋아야 합니다 - https를 참조하십시오: //github.com/microsoft/dtslint/issues/226 )

frenic 에 2018년 04월 08일

👍97 🎉12 🚀6 😕3

모든 21 댓글

compilerOptions.moduleResolution: "node" 시도

frenic 에 2018년 04월 08일

👍97 🎉12 🚀6 😕3

나도이 오류가 발생했습니다.

moduleResolution: true 오류가 발생 하고 문서 에 유효한 값으로 나열되지 않습니다. 하지만 moduleResolution: "node" 설정하면 작업이 완료된 것 같습니다 👍 감사합니다!

bencoveney 에 2018년 04월 08일

🎉1 👍1

죄송합니다 "node" 라고 하려던건데 😆 댓글이 바뀌었습니다. 도움이 되었다니 다행입니다.

frenic 에 2018년 04월 08일

👍1

Set "moduleResolution": "node" 나에게도 유용합니다.

HJava 에 2018년 05월 08일

👍3

고마워 프레닉. 저에게도 효과적입니다.

valvic66 에 2018년 05월 23일

누구든지 그 이유에 대해 색상을 제공할 수 있습니까? 이 설정을 불필요하게 만드는 업데이트가 있습니까?

jcrben 에 2018년 06월 19일

compilerOptions.module === "AMD" or "System" or "ES6" 의 기본값이 compilerOptions.moduleResolution 이면 "Classic" 이고, 그렇지 않으면 "Node" 입니다. 따라서 이러한 모듈 전략 중 하나를 사용하지만 모든 패키지가 node_modules 입니다. compilerOptions.moduleResolution 는 "Node" 로 설정해야 합니다.

Classic :

그러나 상대적이지 않은 모듈 가져오기의 경우 컴파일러는 일치하는 정의 파일을 찾으려고 가져오기 파일이 포함된 디렉토리에서 시작하는 디렉토리 트리를 검색합니다.

Node :

Node는 node_modules라는 특수 폴더에서 모듈을 찾습니다. node_modules 폴더는 현재 파일과 같은 수준에 있거나 디렉터리 체인에서 상위에 있을 수 있습니다. 노드는 로드하려고 시도한 모듈을 찾을 때까지 각 node_modules를 살펴보고 디렉터리 체인을 걸어 올라갑니다.

( 출처 )

frenic 에 2018년 06월 19일

👍6 🎉1

"module": "commonjs" 이 문제를 해결했습니다. 시도해 보세요.

svipas 에 2018년 06월 28일

👍1

사용하는 사람들을 위해 classic _don't_가에 변화를 원하는 사람들 모듈 해상도를 node 모듈 해상도, 나는 추가하여이 문제를 주변에 얻을 수 있었다 paths 대한 항목을 csstype in my tsconfig.json 내 프로젝트가 baseUrl 구성 옵션을 사용하고 있기 때문입니다. 자세한 내용은 baseUrl 문서 를 참조하세요.

분명히 이것은 이와 같은 충돌이 많은 경우 확장 가능한 접근 방식이 아니지만 이것이 우리의 첫 번째였으며 node 모듈 해상도로 전환하는 것을 고려하려는 경우 최소한 시간을

austinbruch 에 2018년 07월 05일

나도 이것에 뛰어 들었다.

WebPack + TypeScript를 통해

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

꽤 해키 일 가능성이 있지만 TS 2.9부터 import() 유형을 할 수 있습니다. (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 에 2018년 09월 26일

👍1

안녕하세요. compilerOptions.moduleResolution: "node" 설정을 제안 해 주셔서 감사합니다.
그러나 불행히도 create-react-app-typescript를 사용하여 프로젝트를

계속 확인하겠지만 누군가가 이미 답을 알고 있고 해결 방법을 알려줄 수 있다면 좋을 것입니다 :-)

업데이트 : 내 나쁜 설정은 죄송합니다 -이 인 tsconfig.test.json 로 모듈 설정했는지 commonjs 하고 추가 "moduleResolution": "node" 그것을 해결 한 것으로 보인다.

htbkoo 에 2018년 10월 15일

나는 체크 아웃하고 types/react-tag-autocomplete 실행 npm run lint react-tag-autocomplete . error TS2307: Cannot find module 'csstype' 같은 오류가 발생합니다.

첨가 후 "moduleResolution": "node", 의 compilerOptions 의 react-tag-complete 'S는 tsconfig.json : 그것은 오류 제공 Error: Unexpected compiler option moduleResolution .

도움이 되셨나요?

Rahul-Sagore 에 2019년 03월 28일

이것은 반응에 의존하는 유형 정의를 작성하려고 애쓰는 나를 미치게 만들었습니다. csstype 라이브러리에는 자체 TS 정의가 있으므로 이 저장소의 /types 디렉토리에 없습니다. 이 문제를 해결하기 위해 dtslint에서 문제를 만들었습니다.

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

mike-marcacci 에 2019년 04월 03일

저에게는 moduleResolution 매개변수 설정이 작동하지 않았기 때문에 @mike-marcacci가 dtslint repo에서 제기 한

cd types/react
npm i

nossbigg 에 2019년 05월 25일

👍20 🎉2

@Rahul-Sagore 당신과 같은 오류가 발생합니다. 이 문제를 해결하는 방법을 알아낸 적이 있습니까?

mcmar 에 2019년 06월 11일

@mcmar 아니요.

Rahul-Sagore 에 2019년 06월 12일

@Rahul-Sagore 당신과 같은 오류가 발생합니다. 이 문제를 해결하는 방법을 알아낸 적이 있습니까?

types/react 종속성을 설치해야 하며 작동합니다. :)

이 답장에 표시된 대로 https://github.com/DefinitelyTyped/DefinitelyTyped/issues/24788#issuecomment -495861835

agustin107 에 2019년 06월 28일

나는 또한이 문제가 있습니다.

"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.

그리고 수백 개의 유사한 라인