エラーメッセージをより明確にする必要があります。 代わりにnamespacesそれは言うことができるnon-module 。 @DanielRosenwasserの推奨事項？

この状況ではエラーメッセージは表示されないはずです。 --isolatedModulesオプションは、内部モジュールシステムを完全にオフにする必要があります。それでもtscがこの方法でエラーになる場合は、オプションはその役割を果たしませんでした。

＃15839で、チェックの動作を変更するつもりでしたが、後でこのチェックは無意味であり、理想的な解決策はそれを削除することであることに気付きました。
Typescriptは、 --isolatedModulesオンにした外部モジュール内での名前空間の使用を常に許可してきました。

export function something() {} // export found, so this module is considered 'external'
namespace ns {} // namespace is still valid in an external module

したがって、チェックは、文句を言うことになっているときに、その（一見無効な）ケースでは何もしていません。 では、プログラマーが名前空間を使用しておらず、何も悪いことをしていないのに、なぜ文句を言うのでしょうか。

@wilonthこの問題の理由は、エラーメッセージが間違っているためです。（es6）モジュールの一部である場合、名前空間は完全に問題ありませんが、モジュール以外のファイルはエラーである必要があります。

@ andy-msこのエラーをチェックするコード全体が無意味であり、コードをさらに複雑にするのではなく、削除する必要があることを指摘しようとしていました。
私のポイントは、 --isolatedModulesがオンの場合、すべてのファイルは外部（ES6）モジュールの期間と見なされるべきであるということです。 その意味で、名前空間の使用は合法である必要があります。現在、ES6モジュール内で名前空間を使用することは完全に合法です（ --isolatedModulesオンの場合）。

私のポイントは、-isolatedModulesがオンの場合、すべてのファイルは外部（ES6）モジュールの期間と見なされる必要があるということです。

ここでのセマンティクスは、モジュールが少なくとも1つのトップレベルのインポートまたはエクスポートを含むファイルであるということです。 コンパイラをどのように呼び出すかは問題ではありません。

@mhegazyはい、そのルールがまさにここでの問題の根源です。 このルールは、インポートまたはエクスポートされていないファイルをレガシー内部モジュールシステムの一部として不当に扱うため、 --isolatedModulesはファイルを拒否します。
ルールを変更すると多くの問題が発生する可能性があるため、ルールを変更しないでください。ただし、このエラーメッセージを削除するだけで、現在の問題を非常に簡単に解決できます。
この「名前空間をコンパイルできません」というエラーメッセージが削除されたと想像してみましょう。何が問題になる可能性がありますか？ Typescriptコンパイラ自体のような内部モジュールを使用するコードベースはどうですか？ --isolatedModulesオンにすると、ガベージコードにコンパイルされ、ユーザーを混乱させますか？ いいえ、そうではありません。 --isolatedModulesがファイル間のリンクを壊したため、未定義のシンボルに関するTypescriptエラーメッセージが多数表示されます。
このエラーメッセージを削除することの欠点を見つけることができますか？ できませんでした。 作業がゼロで（行を削除するだけ）、欠点がない最も簡単なソリューションを選択しないのはなぜですか？

--isolatedModulesをオンにすると、ガベージコードにコンパイルされ、ユーザーを混乱させますか？ いいえ、しません

はい、そうなります。

--isolatedModulesフラグのポイントは、プログラムが単一ファイルのトランスパイルによって正常にコンパイルできることを検証することです。

TypeScriptコードベースは、単一ファイルのトランスパイルでは正常にコンパイル

file1

namespace ts {
  export var x = 10;
}

file2

namespace ts {
  var y = x; // transpiles to ts.x during whole-program compilation
}

file2を単一ファイルでトランスパイルすると、壊れてしまいます。

私の悪い、私は私のテストを台無しにしました。 私はここに私の提案を撤回します。 思い出させてくれてありがとう@RyanCavanaugh 。

したがって、解決策は次のようになります。このエラーメッセージをスローする前に、実際の名前空間の使用状況を検出します（つまり、@ andy-msが提案した「代替」ソリューション）。 この場合のエラーメッセージは完全に間違っているため、テキストを別のものに変更することはできません。
私はPRをしたいのですが、それらすべてのでたらめを吐き出した後でも、ここで信頼できますか？

A global file cannot be compiled using '--isolatedModules'. Ensure your file contains imports, exports, or an 'export {}' statement.

file2を単一ファイルでトランスパイルすると、壊れてしまいます。

ネクロマンシーで申し訳ありませんが、モジュールをターゲットにする場合、これは'x' is not definedようなもので失敗するはずですか？ その場合は、些細なことと私には何の違いもありません。

file1

var x = 10;

file2

var y = x;

これは、モジュールではなく、連結/グローバルに評価される場合にも機能します。 namespacesとは何の関係もありません。

基本的に、typescriptは、 moduleコンパイラオプションからすでに知っているはずなのに、 importまたはexportないファイルがモジュールではないとわざわざ推測するのはなぜですか？ たとえば、Typescript自体はmoduleを設定せずにコンパイルされるため、デフォルトのnoneを使用しているため、コンパイラは連結/グローバル評価を想定できます。

--module <something>を使用し、他のファイル（名前空間自体を含む）からインポートされていない宣言を使用する場合、typescriptは--isolatedModules前に「未定義」で失敗し、 export {}後に同じように失敗します。

なんらかの理由でimport / exportを--module none --isolatedModulesと一緒に使用できることに気づきましたが、これはかなり紛らわしく、おそらくバグですか？

エンドユーザーとしての@DanielRosenwasser ：「グローバルファイル」とはどういう意味ですか？ でもガイダンスは好きです。 おそらく、「importまたはexportステートメントのないファイルはモジュールではなく、「-isolatedModules」を使用してコンパイルすることはできません。このファイルの副作用のみが評価される場合は、「export {}」ステートメントを追加してください。」 -そこにある言語はあまりエラーメッセージではないようですが-y。

単純なjsプロジェクトでも同じエラーが発生します。 以下のサンプルjsプロジェクトを作成しました。パッケージとスクリプトファイルの内容です。 この問題を解決するにはどうすればよいですか？

Package.json
{{
"plnkr"：{
「ランタイム」：「システム」
}
}

lib / script.js
//
//ブラックジャック
//ディーラジクマール
//

card1 = "スペードのエース"、
card2 = "ハートの10";

console.log（ 'ブラックジャックへようこそ！'）;

console.log（ "あなたは配られます："）;
conosle.log（ "" + card1）;
console.log（ "" + card2）;

これに関する更新はありますか？

私はしばしば小さなテストでこれをしていることに気づきます。

describe('jest', () => {
  it('finds this test', () => {
    expect(true).toBeTruthy();
  });

  it('parses this typescript', () => {
    const actual: number = 0;
    const expected: number = 0;
    expect(actual).toEqual(expected);
  });
});

export {
  // Use an empty export to please Babel's single file emit.
  // https://github.com/Microsoft/TypeScript/issues/15230
}

インポート/エクスポートステートメントが含まれているかどうかに関係なく、TypeScriptがすべての.tsファイルをES6モジュールと見なすオプションが本当に必要です。 私は当初、 --isolatedModulesオプションがそのオプションであると想定していましたが、インポート/エクスポートのないファイルでこの非常に紛らわしいエラーが発生します。 （名前空間がエラーメッセージを意味することをまだ理解していません。その機能を使用しているとは思いません。）この設定が必要な理由は、誤って参照したためにTypeScriptでいくつかの問題が検出されなかったためです。ファイルが相互に参照できないnode / parcel / webpackを使用しているにもかかわらず、ある.tsファイルから別の.tsファイルのトップレベル変数（どちらにもインポート/エクスポートステートメントがなかったため、TypeScriptはそれらをES6モジュールとして扱いませんでした）そのようなエクスポートされていない変数。

ある種の関連する煩わしさを直そうとして、私はここに行き着きました。 以下のコメントは、create-react-appとTypeScriptを使用してこのエラーについて検索している他のVSCodeユーザーを支援するためのものです。

create-react-app 2.xとTypeScriptを使用してプロキシをsetupProxy.jsという名前のファイルを追加します。

const proxy = require('http-proxy-middleware');
module.exports = function(app) { /* ... */ };

react-scriptsは、tsトランスパイルプロセスの外部でこのファイルを読み取るため、プレーンなjsである必要があります。

これは文書化されているとおりに機能しますが、厄介な副作用があります。

tsconfig.jsonによって生成されたreact-scripts内のすべてのファイルが含まれてsrc含め、 setupProxy.js 。 その結果、VS CodeがトリガーされてCannot compile namespaces...エラーがsetupProxy.jsに表示され、コードに赤い波線が表示され、[問題]ペインに含まれます。 私のセットアップでは、ファイルとそのすべての祖先フォルダーも赤で強調表示されます。

解決策： tsconfig.jsonのsetupProxy.jsファイルを除外して、VSCodeエラーメッセージを抑制します。

{
  // ...
  "exclude": ["src/setupProxy.js"]
}

react-scriptsはisolatedModules: true react-scripts強制しますが、 excludeを上書きするようには見えません。

別の方法：名前付きエクスポートを `setupProxy.jsに追加します：

export const _ = '';

トップレベルのエクスポートで、-isolatedModulesで有効になりました。

copliationに含めるべきではないファイル（gulp.jsなど）があるため、開発者はこのメッセージを受け取ることがよくあります。

注意-create-react-appを使用していて、私と同じようにこの問題が発生した場合は、tsconfig.jsonファイルに変更を加えることでこれを回避できました。

以下を変更する

    "isolatedModules": true,

に

    "isolatedModules": false,

@UncleFifiそして、エラーはタイプチェックからbabelタイプスクリプト変換に移ります。最初の警告を参照してください。

@jtbennett export {};では何もエクスポートできません- export { name, localName as exportName };縮退形式

@UncleFifiそして、エラーはタイプチェックからbabelタイプスクリプト変換に移ります。最初の警告を参照してください。

実際に名前空間を使用している場合のみ。 この問題は主に、名前空間を使用しておらず、インポート/エクスポートを含む正当なファイルがある場合に名前空間について不平を言うこのエラーに関するものです。

実際に名前空間を使用している場合のみ。 この問題は主に、名前空間を使用しておらず、インポート/エクスポートを含む正当なファイルがある場合に名前空間について不平を言うこのエラーに関するものです。

そうです、ごめんなさい-私がこのスレッドを読んでからしばらく経ちました！ とはいえ、CRAで--isolatedModulesを設定した理由は、babelタイプスクリプトの制限を厳密にエミュレートしているためです（babelは単一ファイルのトランスパイルでもあるため）。したがって、少なくともそのガードを削除していることに注意する必要があります。レール。

それで、ファイルの先頭にexport {};を追加するためのエラーCannot compile namespaces when --isolatedModules flag is providedの現在の解決策はありますか？

はい、それで問題を回避できます。 （実際にTypeScript namespaceを使用していないと仮定します。そうでない場合は、別の、おそらく正当な問題が発生します。）

ファイルが「空の」ファイルであるためにこのメッセージが表示されました（つまり、ファイル全体がコメントアウトされました）。 TSがこれをキャッチできてうれしいですが、エラーメッセージは非常に不透明でした（バニラのCentOS 7インストールで色が壊れていましたが、これはおそらくTSに直接関係のないwebpack開発サーバーが原因です）

_編集：再現できません。 私は間違いなく3つのトップレベルのエクスポートのみで構成されるファイルを見つめていました。このエラーが発生しましたが、どこか別の場所で何か問題が発生しました。_

このエラーは、トップレベルのエクスポートがあるファイルで発生しました。

// Cannot compile namespaces:
export const foo = 'foo';

// Compiles fine
const foo = 'foo';
export { foo };

@ denis-sokolov明らかな質問：名前空間など、そのファイルに他のものもありますか？

文字通りexport constだけの場合、私の2番目の推測は、typescriptがts-loaderを備えたwebpackのようなもので使用されており、 export展開している前のパス（例：babel-loader）の後にのみコンテンツが表示されていることです。

もう再現できません。 誤警報でごめんなさい、 @ simonbuchan 。

その特定のファイルでこのエラーが発生する理由がわかりません。
他のファイルは正常に動作します

CRA TypeScriptを使用していて、 @typesないパッケージをインポートしている状況です。 declare module 'package'を追加して独自の型を提供したいのですが、このステートメントをモジュールファイルに入れることができません。 そこで、 types.tsを作成して、そこにdeclare moduleステートメントを配置します。 今、私はこのエラーを受け取ります。

isolatedModulesをfalseに上書きすると、CRAはそれを元に戻します。 それは解決策ではありません。

私は追加するとexport {}にtypes.ts持つファイルdeclare module 、私は増強に無効なモジュール名を取得しますisolatedModules設定によるCRAは、すべてのファイルを強制的にモジュールにします。

したがって、あるエラーを解決して別のエラーに着地し、戻ってくるという循環パスがあります。 これはどのように解決できますか？

@Bnayaは推測で、機能するファイルはimportまたはexportステートメントを使用していますか？ コードではrequire()/module.exportsとimport/exportいずれかのみを使用してください。 それ以外の場合は、すべてのファイルがtsconfigインクルードでカバーされていることを確認してください（詳細については、ドキュメントを確認してください）

@TomasHubelbauerモジュール宣言は、とりわけこの理由から.d.tsである必要があります。
削除した設定をCRAに再追加しただけで、元に戻すことはできませんでしたが、おそらく、isolatedModulesの方がしつこいですか？

@simonbuchan .d.tsを試しましたが、それもうまくいきませんでした。理由を正確に報告しますが、それが何であったかはわかりません。 そして確かにCRAは私のためにその設定を書き直しました。

@simonbuchan私は

@simonbuchanうーん、 .d.ts機能するので、そこでモジュールを宣言して入力できます。 私が最初にそれを放棄した理由は、そのモジュールで宣言したい型については、他の型を参照する必要があるためですが、 .d.tsファイルにimportを導入すると、機能しなくなります。 私はこれを解決する方法を知りませんが、それはもはやこのエラーとは何の関係もないTypeScriptの知識の欠如です。

typescript @ next （https://github.com/yang/sandbox-ts-namespaces-errorの完全なリポジトリ）を使用した最小限の再現ケースは

src / a.js :(注意、インポート/エクスポートキーワードは必要ありません）

module.exports = "hello"; // you could really put anything here, e.g. console.log('hello');

tsconfig.js：

{
  "compilerOptions": {
    "allowJs": true,
    "isolatedModules": true,
    "noEmit": true,
    "strict": true
  },
  "include": ["src"]
}

エラー：

$ ./node_modules/.bin/tsc
src/a.js:1:1 - error TS1208: Cannot compile namespaces when the '--isolatedModules' flag is provided.

1 module.exports = "hello";
  ~~~~~~


Found 1 error.

私も最初にcreate-react-app --typescriptを介してこれに遭遇しました。これは、setupProxy.js（またはsetupTests.js）を作成するように指示します。 CRAはまた、 isolatedModulesとallowJsをtrueに設定します。 それはより新しいtypescriptバージョンまで問題ではなかったようです（3.2.xまたは3.3.xにアップデートした後でのみ、typescript 3.1.xでsetupProxy.jsに関するエラーは見られませんでした）。

除外セットに.jsファイルを追加する回避策は、tscを実行しているときに機能しますが、TS言語サービスのエディターでこれらのファイルからのエラーが表示されます（VS CodeとWebstormの両方を試しました）。 （これは、除外を尊重しないTS言語サービスの別のより一般的な問題のようですが、そのための既存の問題を見つけることができませんでした。）エディターでこのエラーをマスクするために、.d.tsファイルを追加しました* .jsファイルの場合。

さらに、.jsファイルを要求またはインポートすると、除外も無効になり、（エディターの外部で）エラーが発生します。

（create-react-appが示唆するものに対して）allowJsを無効にすることだけが私のために働いているようです。

Webワーカーでこのエラーが発生し続けます。

個々のファイルまたはフォルダーを除外しようとしましたが、機能しません。

このisolatedModules設定をオーバーライドする方法はありません。CRAはtsconfig.jsonを書き直し続けます。

他に何か提案はありますか？

@jamespfarrell export {};ファイルのどこかに置きます。

@Macilアドバイスありがとう

このエラーが発生します：

インポートの試行エラー： './ workers / HeartBeat.worker.js'にデフォルトのエクスポートが含まれていません（ 'HeartBeatWorker'としてインポートされました）。

追加した場合：

export default {};

私は得る：

Uncaught TypeError：_workers_HeartBeat_worker_js__WEBPACK_IMPORTED_MODULE_2 __。defaultはコンストラクターではありません

すべてのファイルであっても、1つのファイルではない場合でも、この「isolatedModules」をバイパスする方法はありませんか？

現在発生しているエラーは、isolatedModules設定とは関係ありません。 IsolatedModulesをオフにしても、これらのエラーが発生します。

インポートの試行エラー： './ workers / HeartBeat.worker.js'にデフォルトのエクスポートが含まれていません（ 'HeartBeatWorker'としてインポートされました）。

このエラーはどこで発生していますか？ import Foo from './workers/HeartBeat.worker.js';ように、ファイルがないデフォルトのエクスポートをインポートしようとしているようです。 デフォルトのエクスポートをインポートしたくない場合は、インポート行をimport './workers/HeartBeat.worker.js';変更します。

そうです、 @ Macilは別のもの

_他の誰かが同じ問題を抱えている可能性があります：_コンテンツのないプレースホルダーとして残したいくつかのファイルで同じエラーが表示されましたが、他のファイルにインポートしています。 別のコンポーネントファイルにインポートされた空のstyles.jsファイルがありました。

追加するだけです

他の誰かがその特定の間違いを犯している場合、誤って.d.tsではなく.ts接尾辞を付けたモジュール定義でこのエラーが発生しました。 修正後にサーバーを再起動する必要があります。

同じエラー。 私はCRAを使用しています

CRAでこの問題に直面しました。 ファイルから何かをエクスポートするのを忘れていました。

プロジェクトのルートフォルダーに.jsファイルがあり、tsconfig.jsonファイルでこれを構成したため、このエラーが発生しました。

"compilerOptions": {
    ....
  },
  "include": ["src"],

私はこれのためにそれを切り替える必要がありました：

"compilerOptions": {
    ....
  },
  "include": ["src/*"],

それで修正されましたが、理由がわかりません。誰かが説明してもらえますか？ 私の理解では、 srcを含めると、ルートファイルと兄弟フォルダーが削除されます。

@thitempleどこかの記事からその/ *スニペットを取得しましたか？ webpackのマニュアルには、最初のものが正しいものであることが示されているようです。 私は同様の問題を診断していて、あなたの投稿に出くわしました。

@ vort3xxx私はしませんでした。 私はこの記事を見たhttps://github.com/microsoft/TypeScript/issues/15230#issuecomment @DaviSpindolaから-479730947をし、それを試してみました。 それでした

@ vort3xxx私はしませんでした。 @DaviSpindolaからのこの投稿＃15230（コメント）を見て、試してみました。 それでした

同じ問題、同じ解決策。 TS3.5.2。

@ThomasdenH

@simonbuchan .d.tsを試しましたが、それもうまくいきませんでした。理由を正確に報告しますが、それが何であったかはわかりません。 そして確かにCRAは私のためにその設定を書き直しました。

まったく同じ問題に遭遇しました。 これを解決する方法を理解したことがありますか？ create reactアプリ内で.tsまたは.d.ts宣言ファイルを定義すると、エラーAll files must be modules when the '--isolatedModulesフラグが提供されて返されます。 フラグをfalse設定するか、 isolatedModulesプロパティを削除すると、reactアプリの作成を開始すると、完全にtrueにリセットされます。
宣言ファイルの最後にexport {}を追加すると、エラーInvalid module name in augmentation. Module '...' resolves to an untyped module at '...'ます。

誰か助けてください。 カスタム宣言ファイルをcreatereactアプリプロジェクトに追加するにはどうすればよいですか？

他の誰かが同じ問題を抱えているかどうかを理解しただけです。 create reactアプリを使用する場合は、ソースフォルダーのreact-app-env.d.tsファイルに宣言タイプを追加するだけです。