Ошибка получения TypeScript TS2304: не удается найти имя 'require'

Быстро и грязно

Если у вас есть только один файл, использующий require, или вы делаете это в демонстрационных целях, вы можете определить require в верхней части файла TypeScript.

declare var require: any

TypeScript 2.x

Если вы используете TypeScript 2.x, вам больше не нужно устанавливать типизацию или определенно типизированный. Просто установите следующий пакет.

npm install @types/node --save-dev

Будущее файлов объявлений (6 / 15/2016)

Такие инструменты, как Typings и tsd, будут продолжать работать, и мы будем работать вместе с этими сообществами, чтобы обеспечить плавный переход.

Проверьте или отредактируйте свой src /tsconfig.app.json, чтобы он содержал следующее:

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

Убедитесь, что файл находится в папке src, а не в корневой папке приложения.

По умолчанию любой пакет из @types уже включен в вашу сборку , если вы не указали любой из этих параметров. Подробнее…

TypeScript 1.x

Используя типизацию (замена DefinentyTyped), вы можете указать определение прямо из репозитория GitHub.

Установить набор текста

npm install typings -g --save-dev

Установите определение типа requireJS из репозитория DefinitherType

typings install dt~node --save --global

Webpack

Если вы используете Webpack в качестве инструмента сборки, вы можете включить типы Webpack.

npm install --save-dev @types/webpack-env

Обновите свой tsconfig.json следующим образом под compilerOptions:

"types": [
      "webpack-env"
    ]

Это позволяет вам выполнять require.ensure и другие функции, специфичные для Webpack.

Angular CLI

С помощью интерфейса командной строки вы можете выполнить описанный выше шаг Webpack и добавить блок типов в свой tsconfig.app.json.

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

"compilerOptions": {
    // other options
    "types": [
      "node"
    ]
  }

Для TypeScript 2.x теперь нужно выполнить два шага:

1. Установите пакет, определяющий require. Например:

   npm install @types/node --save-dev
   

2. Скажите TypeScript включить его глобально в tsconfig.json:

   {
       "compilerOptions": {
           "types": ["node"]
       }
   }
   

Второй шаг важен только в том случае, если вам нужен доступ к глобально доступным функциям, таким как require. Для большинства пакетов вы должны просто использовать шаблон import package from 'package'. Нет необходимости включать каждый пакет в приведенный выше массив типов tsconfig.json.

Вы можете

declare var require: any

Или, для более полной поддержки, воспользуйтесь require.d.ts от DefinentyTyped.

Кроме того, вместо var mongoose = require('mongoose') вы можете попробовать следующее

import mongoose from 'mongoose' // or
import mongoose = require('mongoose')

В моем случае это была супер-глупая проблема, когда src/tsconfig.app.json переопределял настройку tsconfig.json.

Итак, у меня было это в tsconfig.json:

    "types": [
      "node"
    ]

И этот в src/tsconfig.app.json:

    "types": []

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

Этот ответ относится к современным настройкам (TypeScript 2.x, Webpack> 2.x )

Вам не нужно устанавливать @ types / node (который относится ко всем типам Node.js и не имеет отношения к внешнему коду, фактически усложняя такие вещи, как различные возвращаемые значения setTimout и т. Д.

Вам нужно установить @ types / webpack-env

npm i -D @types/webpack-env

который дает подписи времени выполнения, которые есть в Webpack (включая require, require.ensure и т. д.)

Также убедитесь, что ваш файл tsconfig.json не имеет установленного массива 'types' ->, который заставит его подбирать все определения типов в вашей папке node_modules / @ types.

Если вы хотите ограничить поиск типов, вы можете установить для свойства typeRoot значение node_modules / @ types.

Вместо того:

'use strict';

/// <reference path="typings/tsd.d.ts" />

Пытаться:

/// <reference path="typings/tsd.d.ts" />

'use strict';

то есть сначала ссылочный путь.

Для справки я использую Angular 7.1.4, TypeScript 3.1.6, и единственное, что мне нужно сделать, это добавить эту строку в tsconfig.json:

    "types": ["node"], // within compilerOptions

Я нашел решение использовать команду TSD:

tsd install node --save

Что добавляет / обновляет файл typings/tsd.d.ts, и этот файл содержит все определения типов, которые требуются для приложения узла.

Вверху файла я помещаю ссылку на tsd.d.ts следующим образом:

/// <reference path="../typings/tsd.d.ts" />

По состоянию на январь 2016 года требование определяется следующим образом:

declare var require: NodeRequire;

interface NodeModule {
    exports: any;
    require: NodeRequireFunction;
    id: string;
    filename: string;
    loaded: boolean;
    parent: any;
    children: any[];
}

Я взял ответ Питера Варги, чтобы добавить declare var require: any; и превратил его в универсальное решение, которое работает для всех файлов .ts в целом, используя загрузчик препроцесса:

1. установить препроцессор-загрузчик:

   npm install preprocessor-loader
   

2. добавьте загрузчик в свой webpack.config.js (я использую ts- загрузчик для обработки исходников TypeScript):

    module: {
        loaders: [{
            test: /\.tsx?$/,
            loader: 'ts-loader!preprocessor?file&config=preprocess-ts.json'
        }]
    }

3. Добавьте конфигурацию, которая добавит обходной путь к каждому источнику:

{
    "line": false,
    "file": true,
    "callbacks": [{
        "fileName": "all",
        "scope": "source",
        "callback": "(function shimRequire(source, fileName) { return 'declare var require: any;' + source; })"
    }]
}

Таким же образом можно добавить более надежный require.d.ts, но в моей ситуации declare var require: any; было достаточно.

Обратите внимание: в препроцессоре 1.0.5 есть ошибка, которая отключает последний line, поэтому просто убедитесь, что в конце у вас есть дополнительный пробел, и все будет в порядке.

У меня есть еще один ответ, основанный на всех предыдущих, которые описывают npm install @types/node и включают node в tsconfig.json / compilerOptions / types.

В моем случае у меня есть базовая tsConfig.json и отдельная в приложении Angular, расширяющая это:

{
    "extends": "../../tsconfig.json",
    "compilerOptions": {
        "outDir": "../out-tsc/app",
        "types": []
 },

Моя проблема заключалась в пустом types в этом tsconfi.app.json - он затирает тот, который был в базовой конфигурации.

Для меня это решается добавлением типов в параметры компилятора angular.

"angularCompilerOptions": {
"fullTemplateTypeCheck": true,
"strictInjectionParameters": true,
"types": [ "node" ]
}

Я тоже боролся с этой проблемой. Я считаю, что это работает для всех кандидатов на выпуск, также известных как rc, но я не тестировал их. Для @angular rc.2 это работает хорошо.

1. Добавить core-js как зависимость npm в package.json
2. запустить typings install core-js --save
3. удалите все "es6-shim" вхождения в вашем package.json. Тебе это больше не нужно.

Ваше здоровье!

Убедитесь, что вы установили npm i @types/node

Иногда отсутствие «жасмина» в tsconfig.json может вызвать эту ошибку. (TypeScript 2.X)

Так что добавь

"types": [
  "node",
  "jasmine"
]

в ваш tsconfig.json файл.

Electron + добавление Angular 2/4:

Помимо добавления типа 'node' в различные файлы ts.config, в конечном итоге у меня сработало добавление следующего к файлу typings.d.ts:

declare var window: Window;
interface Window {
  process: any;
  require: any;
}

Обратите внимание, что мой случай разрабатывается с помощью Electron + Angular 2/4. Мне нужно было требование в глобальном окне.

1. Вы указали, какой модуль использовать для транспиляции кода?
   tsc --target es5 --module commonjs script.ts
   Вы должны сделать это, чтобы транспилятор знал, что вы компилируете код NodeJS. Документы.

2. Вы также должны установить определения мангуста
   tsd install mongoose --save

3. Не используйте var для объявления переменных (без необходимости, что бывает очень редко), вместо этого используйте let. Подробнее об этом

Просто в дополнение к ответу cgatian для TypeScript 1.x

Если вы по-прежнему видите ошибки, укажите index.d.ts в параметрах вашего компилятора.

"files": [
    "typings/index.d.ts"
]

Мне не удалось избавиться от ошибки «require» с помощью любого из описанных выше приемов.

Но я обнаружил, что проблема заключалась в том, что в моих инструментах TypeScript для Visual Studio старая версия (1.8.6.0) и последняя на сегодняшний день версия (2.0.6.0).

Вы можете скачать последнюю версию инструментов по адресу:

TypeScript для Visual Studio 2015