Ответ 1

Это чувство, когда вы смотрите на два дня и находите это так: просто удалите .js из "main": "dist/index.js" в package.json, и все будет хорошо!

"main": "dist/index",

UPD: этот ответ относительный, если у вас есть собственный пакет npm, если нет - см. мой ответ ниже.

И если выше ответ не разрешен импорт вашего модуля, попробуйте просто добавить typings в package.json:

"main": "dist/index",
"typings": "dist/index",

Конечно, вот папка dist - она ​​хранит ваши файлы модулей.

Ответ 2

Вот два других решения

Если модуль не ваш, попробуйте установить типы из @types:

npm install -D @types/module-name

Если вышеприведенные ошибки установки - попробуйте изменить операторы import чтобы они require:

// import * as yourModuleName from 'module-name';
const yourModuleName = require('module-name');

Ответ 3

Если вы импортируете сторонний модуль 'foo', который не предоставляет никаких типизаций, ни в самой библиотеке, ни в пакете @types/foo (сгенерированном из репозитория DefiniteTyped), вы можете заставить эту ошибку идти прочь, объявив модуль в файле с расширением .d.ts:

// foo.d.ts
declare module 'foo';

Затем, когда вы импортируете foo он будет просто напечатан как any.

В качестве альтернативы, если вы хотите свернуть свои собственные наборы, вы также можете сделать это:

// foo.d.ts
declare module 'foo' {
    export function getRandomNumber(): number
} 

Тогда это будет правильно скомпилировано:

import { getRandomNumber } from 'foo';
const x = getRandomNumber(); // x is inferred as number

Вам не нужно предоставлять полную типизацию для модуля, достаточно только для тех битов, которые вы фактически используете (и для которых нужны правильные типизации), поэтому это особенно легко сделать, если вы используете довольно небольшое количество API.

С другой стороны, если вас не волнует типизация внешних библиотек и вы хотите, чтобы все библиотеки без типизаций импортировались как any, вы можете добавить это в файл с расширением .d.ts:

declare module '*';

Преимущество (и недостаток) в том, что вы можете импортировать абсолютно все, и TS будет компилироваться.

Ответ 4

Если вам нужно быстрое исправление, просто добавьте это перед импортом:

// @ts-ignore

Ответ 5

TypeScript в основном реализует правила и добавляет типы в ваш код, чтобы сделать его более понятным и точным из-за отсутствия ограничений в Javascript. TypeScript требует, чтобы вы описали свои данные, чтобы компилятор мог проверить ваш код и найти ошибки. Компилятор сообщит вам, если вы используете несогласованные типы, если вы находитесь вне области действия или вы пытаетесь вернуть другой тип. Поэтому, когда вы используете внешние библиотеки и модули с помощью TypeScript, они должны содержать файлы, описывающие типы в этом коде. Эти файлы называются файлами декларации типа с расширением d.ts Большинство типов объявлений для модулей npm уже написаны, и вы можете включить их, используя npm install @types/module_name (где module_name - это имя модуля, типы которого вы хотите включить).

Тем не менее, существуют модули, которые не имеют определений типов, и чтобы ошибка исчезла и импортировала модуль с помощью import * as module_name from 'module-name', создайте папку, typings в корне вашего проекта, внутри создайте новую папку с именем вашего модуля и в этой папке создайте файл module_name.d.ts и напишите declare module 'module_name'. После этого просто зайдите в файл tsconfig.json и добавьте "typeRoots": [ "../../typings", "../../node_modules/@types"] в compilerOptions (с соответствующим относительным путем к ваши папки), чтобы позволить TypeScript знать, где он может найти определения типов ваших библиотек и модулей и добавить новое свойство "exclude": ["../../node_modules", "../../typings"] в файл. Вот пример того, как должен выглядеть ваш файл tsconfig.json:

{
    "compilerOptions": {
        "module": "commonjs",
        "noImplicitAny": true,
        "sourceMap": true,
        "outDir": "../dst/",
        "target": "ESNEXT",
        "typeRoots": [
            "../../typings",
            "../../node_modules/@types"
        ]
    },
    "lib": [
            "es2016"
    ],
    "exclude": [
        "../../node_modules",
        "../../typings"
    ]
}

Делая это, ошибка исчезнет, и вы сможете придерживаться последних правил ES6 и TypeScript.

Ответ 6

У меня была та же проблема с использованием модуля узла с приложением реагирования, написанным на машинописи. Модуль был успешно установлен с помощью npm я --save my-module. Он написан на javascript и экспортирует класс Client.

С:

import * as MyModule from 'my-module';
let client: MyModule.Client = new MyModule.Client();

Компиляция завершается с ошибкой:

Could not find a declaration file for module 'my-module'. 
'[...]/node_modules/my-module/lib/index.js' implicitly has an 'any' type.
  Try 'npm install @types/my-module' if it exists or add a new declaration (.d.ts) file containing 'declare module 'my-module';'

@types/my-module не существует, поэтому я добавил файл my-module.d.ts рядом с файлом, в который импортируется my-module, с предложенной строкой. Я тогда получил ошибку:

Namespace '"my-module"' has no exported member 'Client'.

Клиент фактически экспортируется и работает нормально, если я использую его в приложении js. Кроме того, предыдущее сообщение говорит мне, что компилятор ищет нужный файл (/node_modules/my-module/lib/index.js определен в my-module/package.json элемент "main").

Я решил проблему, указав компилятор я не заботиться о неявном any, то есть, я поставил в false следующую строку tsconfig.json файла:

    "noImplicitAny": false,

Ответ 7

Этот способ работает для меня:

declare module 'Injector';

  {
    "compilerOptions": {
        "strictNullChecks": true,
        "moduleResolution": "node",
        "jsx": "react",
        "noUnusedParameters": true,
        "noUnusedLocals": true,
        "allowSyntheticDefaultImports":true,
        "target": "es5",
        "module": "ES2015",
        "declaration": true,
        "outDir": "./lib",
        "noImplicitAny": true,
        "importHelpers": true
      },
      "include": [
        "src/**/*",
        "index.d.ts",   // declaration file path
      ],
      "compileOnSave": false
    }

- редактировать: нужны кавычки вокруг имени модуля

Ответ 8

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

В моем случае это исправляло завершение процессов терминала, удаление node_modules, очистку кеша менеджера пакетов узлов и повторную install затем перезагрузку редактора.

Ответ 9

Я импортировал Button из реактивной кнопки, и он выдавал эту ошибку, как показано на рисунке:

Я делаю трюк. Я попал в папку node_modules/Reaction-native-button/и скопировал содержимое файла Button.js. Создайте новый файл с именем Button.d.ts и вставьте в него содержимое. Сохранил его и ошибка исчезла! Не знаю причину, но пока это ушло!

Ответ 10

У меня была такая же проблема, и я решил ее, обновив tsconfig.json compilerOptions следующим образом:

{
  "compilerOptions": {
    ...
    "noImplicitAny": false,
    ...
  },
  "exclude": [
    ...
  ]
}

Ответ 11

Я решил эту проблему просто так:

import * as foo from "foo";

В моем случае эта проблема возникла, когда я пытался использовать класс по умолчанию, экспортируемый библиотекой.

Ответ 12

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

или же

yarn add typescript @types/node @types/react @types/react-dom @types/jest