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 फ़ोल्डर नोड_मॉड्यूल/सीएसएसटाइप मौजूद है, इसलिए मुझे यह भी नहीं पता कि यह त्रुटि क्यों होती है।

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"
    ]
}

पैकेज.जेसन

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

(ओर्टा द्वारा संपादित करें: यदि आप इसे निश्चित रूप से टाइप किए गए के अंदर देख रहे हैं, तो आपको निर्भरता में 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

सेट "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 :

नोड आपके मॉड्यूल को नोड_मॉड्यूल्स नामक विशेष फ़ोल्डर में खोजेगा। एक नोड_मॉड्यूल फ़ोल्डर वर्तमान फ़ाइल के समान स्तर पर हो सकता है, या निर्देशिका श्रृंखला में ऊपर हो सकता है। नोड निर्देशिका श्रृंखला तक चलेगा, प्रत्येक नोड_मॉड्यूल को तब तक देखेगा जब तक कि वह उस मॉड्यूल को नहीं ढूंढ लेता जिसे आपने लोड करने का प्रयास किया था।

( स्रोत )

frenic 19 जून 2018

👍6 🎉1

"module": "commonjs" ने मेरे लिए इस मुद्दे को ठीक कर दिया, इसे आजमाएं।

svipas 28 जून 2018

👍1

classic मॉड्यूल रिज़ॉल्यूशन का उपयोग करने वालों के लिए जो _don't_ node मॉड्यूल रिज़ॉल्यूशन में बदलना चाहते हैं, मैं csstype लिए paths प्रविष्टि जोड़कर इस समस्या को हल करने में सक्षम था। csstype मेरे tsconfig.json , क्योंकि मेरा प्रोजेक्ट baseUrl कॉन्फ़िगरेशन विकल्प का उपयोग कर रहा है। अधिक विवरण के लिए बेसयूआरएल दस्तावेज देखें।

जाहिर है, यह एक स्केलेबल दृष्टिकोण नहीं है यदि आपके पास इस तरह के कई संघर्ष हैं, लेकिन यह हमारा पहला था और अगर हम node मॉड्यूल रिज़ॉल्यूशन पर स्विच करने पर विचार करना चाहते हैं तो कम से कम हमें कुछ समय मिल गया है।

austinbruch 5 जुल॰ 2018

मैं भी इसमें भाग रहा था।

वेबपैक + टाइपस्क्रिप्ट के माध्यम से

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

यह मेरे लिए क्या तय है, जो संभवतः बहुत हैकी है, लेकिन टीएस 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 26 सित॰ 2018

👍1

नमस्ते। यहां compilerOptions.moduleResolution: "node" सेट करने के सुझाव के लिए धन्यवाद।
हालांकि दुर्भाग्य से, जब मैंने 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 परम को सेट करने से काम नहीं चला, इसलिए मैंने मैन्युअल रूप से उस समाधान का प्रदर्शन किया जिसके लिए @ माइक-मार्काची ने पहले ही पीआर में सुझाया था जिसे

cd types/react
npm i

nossbigg 25 मई 2019

👍20 🎉2

@ राहुल-सागोर मुझे आपके जैसी ही त्रुटि मिल रही है। क्या आपने कभी यह पता लगाया कि इसे कैसे हल किया जाए?

mcmar 11 जून 2019

@mcmar नहीं।

Rahul-Sagore 12 जून 2019

@ राहुल-सागोर मुझे आपके जैसी ही त्रुटि मिल रही है। क्या आपने कभी यह पता लगाया कि इसे कैसे हल किया जाए?

आपको types/react निर्भरता स्थापित करनी होगी और यह काम करेगा :)

जैसा कि इस उत्तर में दर्शाया गया है https://github.com/DefinitelyTyped/DefinitelyTyped/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.

और इसी तरह की सैकड़ों पंक्तियाँ

fyodore82 2 जुल॰ 2019

👍5

1/2 चरणों को पूरा करने के बाद

DanceParty 21 जुल॰ 2019

इसे "नोड" को कैपिटल "N" के साथ लिखकर हल करें:

"moduleResolution": "Node"

हमारी तरफ से काम करता है।

https://www.typescriptlang.org/docs/handbook/compiler-options.html

flearsnetwork 31 जुल॰ 2019

👍4

"moduleResolution": "Node" समाधान ने मेरे लिए इसे ठीक नहीं किया, लेकिन /types/react निर्देशिका में जाने और npm install चलाने से समस्या हल हो गई।

psmaAaron 12 नव॰ 2020

👍2

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Definitelytyped: मॉड्यूल 'csstype' नहीं खोजा जा सका

सबसे उपयोगी टिप्पणी

सभी 21 टिप्पणियाँ

संबंधित मुद्दों