TypeScriptがエラーTS2304を取得：名前 'require'が見つかりません

最初のTypeScriptとDefinitelyTypedのNode.jsアプリケーションを稼働させようとしているところ、いくつかのエラーが発生しています。

単純なTypeScript Node.jsページをトランスパイルしようとすると、「TS2304：名前 'require'が見つかりません」というエラーが発生します。スタックオーバーフローでこのエラーが発生する他のいくつかを読みましたが、同様の問題はないと思います。私はシェルプロンプトでコマンドを実行しています：

tsc movie.server.model.ts.

このファイルの内容は次のとおりです。

'use strict';

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

/*    movie.server.model.ts - definition of movie schema */

var mongoose = require('mongoose'),
Schema = mongoose.Schema;

var foo = 'test';

エラーはvar mongoose=require('mongoose')行にスローされます。

入力/tsd.d.tsファイルの内容は次のとおりです。

/// <reference path="node/node.d.ts" />
/// <reference path="requirejs/require.d.ts" />

.d.tsファイル参照は適切なフォルダに配置され、次のコマンドによってtypings / tsd.d.tsに追加されました。

tsd install node --save
tsd install require --save

生成された.jsファイルは正常に動作しているようなので、エラーは無視できます。しかし、このエラーが発生する理由と私が間違っていることを知っていただければ幸いです。

迅速かつ汚い

requireを使用するファイルが1つしかない場合、またはデモ目的でこれを行う場合は、TypeScriptファイルの先頭でrequireを定義できます。

declare var require: any

TypeScript 2.x

TypeScript 2.xを使用している場合は、TypingsまたはDefinitely Typedをインストールする必要はありません。次のパッケージをインストールするだけです。

npm install @types/node --save-dev

宣言ファイルの未来（2016年6月15日）

タイピングやtsdなどのツールは引き続き機能します。スムーズな移行を確実にするために、これらのコミュニティと協力して作業を行います。

以下を含むようにsrc /tsconfig.app.jsonを確認または編集します。

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

ファイルがsrcフォルダーにあり、ルートアプリフォルダーにないことを確認してください。

デフォルトでは、これらのオプションのいずれかを指定しない限り、@ typesの下のパッケージはすべてビルドにすでに含まれています。 続きを読む

TypeScript 1.x

タイピング（DefinitelyTypedの置換）を使用すると、GitHubリポジトリから直接定義を指定できます。

タイピングをインストールする

npm install typings -g --save-dev

DefinitelyTypeのリポジトリからrequireJSタイプ定義をインストールします

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

CLIを使用すると、上記のWebpackの手順に従い、「types」ブロックをに追加できますtsconfig.app.json。

または、プリインストールnodeタイプを使用することもできます。これには、実際には使用できないクライアント側コードの追加の型が含まれることに注意してください。

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

TypeScript 2.xの場合、2つのステップがあります。

1. を定義するパッケージをインストールしますrequire。例えば：

   npm install @types/node --save-dev

2. TypeScriptにグローバルに含めるように指示しますtsconfig.json。

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

2番目のステップは、などのグローバルに使用可能な機能にアクセスする必要がある場合にのみ重要ですrequire。ほとんどのパッケージでは、import package from 'package'パターンを使用する必要があります。上記のtsconfig.jsonタイプの配列にすべてのパッケージを含める必要はありません。

あなたはできる

declare var require: any

または、より包括的なサポートを得るには、DefinitelyTypedのrequire.d.tsを使用します

また、の代わりにvar mongoose = require('mongoose')、以下を試すこともできます

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

この回答は、最新の設定に関連しています（TypeScript 2.x、Webpack > 2.x）。

あなたはしません、実際にそのようsetTimout異なる戻り値などのように、物事を複雑に、Node.jsのタイプのすべてであるとフロントエンドのコードのために無関係である（タイプ/ノード@インストールする必要があります。..

あなたがないタイプ/ 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';

すなわち、最初に参照パス。

私の場合、それは非常に愚かな問題src/tsconfig.app.jsonでした。tsconfig.json設定を。

だから、私はこれを持っていましたtsconfig.json：

    "types": [
      "node"
    ]

そしてこれはsrc/tsconfig.app.json：

    "types": []

このエラーが私に白髪を引き起こしていたので、誰かがこれが役に立ったと思います

参考までに、私は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" />

requireは2016年1月の時点で次のように定義されています。

declare var require: NodeRequire;

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

私はPeter Vargaの回答を追加してdeclare var require: any;、それをpreprocess-loaderを使用してすべての.tsファイルに対して一般的に機能する一般的なソリューションにしました：

1. プリプロセッサローダーをインストールします。

   npm install preprocessor-loader

2. ローダーをwebpack.config.jsに追加します（TypeScriptソースの処理にts-loaderを使用しています）。

    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にはバグがあり、最後の行が途切れることに注意してください。最後に余分な行スペースが返されることを確認してください。問題はありません。

私もこの問題に苦労しています。私はこのすべてのための作品と信じているのリリース候補別名RCが、私はテストしませんでしたががあります。@angular rc.2それがうまく動作します。

1. core-jsnpm依存関係として追加package.json
2. 走る typings install core-js --save
3. 内のすべての"es6-shim"出現を削除しますpackage.json。あなたはもうそれを必要としません。

乾杯！

インストールしたことを確認してください npm i @types/node

「マングース」からマングースとしてインポート*

tsconfig.jsonから「jasmine」が欠落していると、このエラーが発生することがあります。（TypeScript 2.X）

だから追加

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

あなたのtsconfig.jsonファイルに。

電子 +角度2/4の追加：

ts.configのさまざまなファイルに「ノード」タイプを追加することに加えて、最終的に私のために機能したのは、typings.d.tsファイルの隣に追加することでした 。

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

私のケースはElectron + Angular 2/4で開発していることに注意してください。私はグローバルなウィンドウでrequireが必要でした。

私にとっては、角度コンパイラオプションに型を追加することで解決されます。

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

1. コードのトランスパイルに使用するモジュールを指定しましたか？
   tsc --target es5 --module commonjs script.ts
   NodeJSコードをコンパイルしていることをトランスパイラーに知らせるために、これを行う必要があります。ドキュメント。

2. あなたもマングース定義をインストールする必要があります
   tsd install mongoose --save

3. var変数の宣言には使用しないでください（非常にまれなケースですが、必要な場合を除きます）let。 詳細はこちら

TypeScript 1.xの cgatianの答えに加えて

それでもエラーが発生する場合は、コンパイラオプションで具体的にindex.d.tsを指定してください。

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

上記のトリックのいずれかを使用しても、「require」エラーを解消できませんでした。

しかし、問題はVisual Studio用のTypeScriptツールが古いバージョン（1.8.6.0）と今日の最新バージョン（2.0.6.0）であることがわかった。

ツールの最新バージョンは次の場所からダウンロードできます。

TypeScript for Visual Studio 2015

コードをコンパイルできるが、Visual Studio 2015は 'require'関数をエラーテキストとしてエラーとしてマークし、名前 'require' が見つからないか、シンボル 'require'を解決できない場合、、TypeScript for Visual Studio 2015を最新バージョンに更新し（現時点では2.1。 5）ReSharper（使用する場合）を少なくともバージョン2016.3.2に更新します。

私はこの厄介な問題をしばらく抱えていて、解決策を見つけることができませんでしたが、最終的にこの方法で解決しました。

に以下を追加しますtsconfig.json。

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

に説明しnpm install @types/node、に含める以前のすべての答えに基づいて、さらに別の答えを見つけましnodeたtsconfig.json / compilerOptions / types。

私の場合、tsConfig.jsonAngularアプリケーションにベースとこれを拡張する別のベースがあります。

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

私の問題は空だったtypes。この中でtsconfi.app.json-それは、基本構成のものを切り詰め。

いくつかの定数値を提供するためだけに存在する.tsファイルでこの問題に直面している場合は、次のことができます

.tsファイルの名前を.jsファイルに変更します

エラーは再び発生しません。