Typescript react - '' react-materialize '' modülü için bir bildirim dosyası bulunamadı. 'yol / / modül-adı.js' örtük olarak herhangi bir türe sahiptir

React-materialize'dan bileşenleri içe aktarmaya çalışıyorum -

import {Navbar, NavItem} from 'react-materialize';

Ancak web paketimi .tsxoluştururken yukarıdakiler için bir hata atıyor -

ERROR in ./src/common/navbar.tsx
(3,31): error TS7016: Could not find a declaration file for module 'react-materi
alize'. 'D:\Private\Works\Typescript\QuickReact\node_modules\react-materialize\l
ib\index.js' implicitly has an 'any' type.

Bunun için herhangi bir çözüm ts-loader. Webpack ile çalışmak için bu import ifadesinin nasıl çözüleceğinden emin değilim.

index.jsTepki-Materialize görünüyor bunu beğendi. Ancak kendi dosyalarımdaki modül içe aktarımı için bunu nasıl çözebilirim?

https://github.com/react-materialize/react-materialize/blob/master/src/index.js

Benzer bir hatam vardı ama benim için öyleydi react-router. Bunun için türler yükleyerek çözüldü.

npm install --save @types/react-router

Hata:

(6,30): error TS7016: Could not find a declaration file for module 'react-router'. '\node_modules\react-router\index.js' implicitly has an 'any' type.

Eğer geniş yapabilirsiniz yerine düzenleme devre dışı siteye istiyorsanız tsconfig.jsonve seti noImplicitAnyiçin false.

Bunu nasıl aştığımı bilmek isteyenler için. Bir tür hack işi yaptım.

@typesProjemin içinde, gerekli tüm türleri bulmak için tsconfig.json adlı bir klasör oluşturdum ve ekledim. Yani bir şekilde şuna benziyor -

  "typeRoots": [
            "../node_modules/@types",
            "../@types"
        ]

Ve bunun içinde adlı bir dosya oluşturdum alltypes.d.ts. Ondan bilinmeyen türleri bulmak için. bu yüzden benim için bunlar bilinmeyen tiplerdi ve oraya ekledim.

declare module 'react-materialize';
declare module 'react-router';
declare module 'flux';

Yani artık daktilo artık bulunmayan türlerden şikayetçi olmadı. :) şimdi kazan durumu kazan :)

React-redux türlerinde de aynı sorunu yaşadım. En basit çözüm tsconfig.json'a eklenmiştir:

"noImplicitAny": false

Misal:

{
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "isolatedModules": true,
    "jsx": "react",
    "lib": ["es6"],
    "moduleResolution": "node",
    "noEmit": true,
    "strict": true,
    "target": "esnext",
    "noImplicitAny": false,
  },
  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
}

Kullandığınız @types/<package>modül için bir modül yoksa, // @ts-ignoreyukarıda bir yorum ekleyerek sorunu kolayca aşabilirsiniz.

// @ts-ignore
import { Navbar, NavItem } from 'react-materialize';

Alternatif olarak, eksik olanları da oluşturabilirsiniz @types/<package>:

beyan dosyaları yayınlanıyor

DefinitelyTyped nasıl katkıda bulunabilirim

Benim durumumda react ile ilgili bir sorun yaşadım, bu yüzden yapmaya başladım:

npm install @types/react

ve sonra

npm install @types/react-dom

Bu benim için çalıştı

Tek yapmanız gereken aşağıdaki komut dosyasını çalıştırmak. Ardından, kullanmak istediğiniz modülü çıkarın / yeniden kurun.

npm install --save @types/react-redux

react-router-domTypcript kullanarak yeni CRA uygulamasına eklediğimde bu sorunu yaşadım . Ekledikten sonra @types/react-routersorun çözüldü.

Aynı problemi yaşadım, ancak daktilo ile ilgili olması gerekmiyor, bu yüzden bu farklı seçeneklerle biraz uğraştım. react-portal-tooltip,Benzer bir hata alan belirli bir modülü kullanarak çok basit bir uygulama oluşturma-tepki verme yapıyorum :

'React-portal-tooltip' modülü için bir bildirim dosyası bulunamadı. '/node_modules/react-portal-tooltip/lib/index.js' örtük olarak 'herhangi' bir türe sahiptir. npm install @types/react-portal-tooltipVarsa deneyin veya declare module 'react-portal-tooltip';ts (7016) içeren yeni bir bildirim (.d.ts) dosyası ekleyin

Önce birçok adımı denedim - çeşitli .d.tsdosyalar, çeşitli npm kurulumları ekledim.

Ama sonunda benim için işe yarayan şey touch src/declare_modules.d.ts o zamanlar src/declare_modules.d.ts:

declare module "react-portal-tooltip";

ve içinde src/App.js:

import ToolTip from 'react-portal-tooltip';
// import './declare_modules.d.ts'

Bu genel 'ilan modülü' stratejisini kullanmak için farklı lokasyonlarla biraz uğraştım (çok yeni başlayan biriyim), bu yüzden bunun farklı seçeneklerle çalışacağını düşünüyorum ama bende işe yarayan yollara dahil oldum.

Başlangıçta import './declare_modules.d.ts'gerekli olduğunu düşündüm . Şimdi öyle görünmese de! Ama birine yardım etmesi durumunda adımı ekliyorum.

Bu benim ilk yığın aşımı cevabım, bu yüzden buradaki dağınık süreç için özür dilerim ve yine de yardımcı olacağını umuyorum! :)

Ayrıca, bu hata kullanıma çalıştığınız paket kendi tip dosya (lar) bu kadar eğer onarılır ve bunun içinde listelenir package.json typings özniteliği

Şöyle:

{
  "name": "some-package",
  "version": "X.Y.Z",
  "description": "Yada yada yada",
  "main": "./index.js",

  "typings": "./index.d.ts",

  "repository": "https://github.com/yadayada.git",
  "author": "John Doe",
  "license": "MIT",
  "private": true
}

Daha karmaşık bir yol, örneğin boot.tsx'e satır eklemektir.

import './path/declare_modules.d.ts';

ile

declare module 'react-materialize';
declare module 'react-router';
declare module 'flux';

içinde declare_modules.d.ts

İşe yarıyor ama diğer çözümler daha iyi IMO.

Yaptığım şey, proje klasörü dizinindeyken nodejs komut isteminden aşağıdaki komutları çalıştırmaktı:

1. npm init
2. npm install -g webpack
3. npm install --save react react-dom @types/react @types/react-dom
4. npm install --save-dev typescript awesome-typescript-loader source-map-loader
5. npm install ajv@^6.0.0
6. npm i react-html-id
7. kodu ekleyerek paketi (düğüm modüllerinde) App.js dosyasına içe aktarın: import UniqueId from 'react-html-id';

Yukarıdakileri yaptım (zaten npm kurulu olmasına rağmen) ve işe yaradı!

Benim durumum için sorun, türlerin devDependencies altında package.json dosyasına eklenmemesiydi , düzeltmek npm install --save-dev @types/react-reduxiçin--save-dev

tsconfig.json dosyasına eklemeyi deneyin: "noImplicitAny": false benim için çalıştı

iyi çalışıyor

npm install @types/react-materialize