[解決済み] angular-6.xにアップグレードすると、"Uncaught ReferenceError: global is not defined "と表示される。

2022-02-26 06:22:03

質問

プロジェクトをangular-5.xからangular-6.xにアップグレードしたら、以下のエラーが出るようになり、ダミーのグローバル変数の作成もここにあるようにうまくいかなくなりました。 Angular 6 Auth0 - グローバルが定義されていません。

エラーの内容は以下の通りです。

Uncaught ReferenceError: global is not defined
    at Object../node_modules/has-binary2/index.js (index.js:10)
    at __webpack_require__ (bootstrap:81)
    at Object../node_modules/socket.io-parser/index.js (index.js:8)
    at __webpack_require__ (bootstrap:81)
    at Object../node_modules/socket.io-client/lib/index.js (index.js:7)
    at __webpack_require__ (bootstrap:81)
    at Object../src/app/app4pc/apiConnection/services/ApiConnectionServer.ts (auth.interceptor.ts:8)
    at __webpack_require__ (bootstrap:81)
    at Object../src/app/app4pc/apiConnection/toServer.module.ts (ApiConnectionServer.ts:11)
    at __webpack_require__ (bootstrap:81)

これを解決した後、以下のエラーが発生しました。

Uncaught ReferenceError: process is not defined
    at Object../node_modules/process-nextick-args/index.js (index.js:3)
    at __webpack_require__ (bootstrap:81)
    at Object../node_modules/readable-stream/lib/_stream_readable.js (_stream_readable.js:26)
    at __webpack_require__ (bootstrap:81)
    at Object../node_modules/readable-stream/readable-browser.js (readable-browser.js:1)
    at __webpack_require__ (bootstrap:81)
    at Object../node_modules/simple-peer/index.js (index.js:7)
    at __webpack_require__ (bootstrap:81)
    at Object../src/app/util/services/call.services.ts (notification.service.ts:12)
    at __webpack_require__ (bootstrap:81)

そして、延々と続く。

解決方法は？

index.htmlなどの開始ページに以下のコードを追加してください。

var global = global || window;
var Buffer = Buffer || [];
var process = process || {
  env: { DEBUG: undefined },
  version: []
};

例

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Client</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <script>
    var global = global || window;
    var Buffer = Buffer || [];
    var process = process || {
      env: { DEBUG: undefined },
      version: []
    };
  </script>
</head>
<body>
  <app-root>
    <div class="loader"></div>
  </app-root>
</body>
</html>

上記は、ハイブリッドアプリ（Node環境）でも、ブラウザでも動作します。

<ブロッククオート

for "Uncaught ReferenceError: global is not defined"。
```
var global = global || window;
```
for "Uncaught ReferenceError: Buffer is not defined"です。
```
var Buffer = Buffer || [];
```

for "Uncaught ReferenceError: process is not defined"。

var process = process || {
  env: { DEBUG: undefined }
}

for "Uncaught TypeError: 未定義のプロパティ 'slice'を読み取れません。
```
var process = process || {
  env: { DEBUG: undefined },
  version: []
};
```

[解決済み] angular-6.xにアップグレードすると、"Uncaught ReferenceError: global is not defined "と表示される。

質問

解決方法は？

関連

[解決済み】TypeError: $(...).DataTable は関数ではありません。

[解決済み】JavaScriptで':'(コロン)は何をするのか？

[解決済み】Uncaught TypeError: nullのプロパティ'value'を読み取ることができない

[解決済み】JavaScriptのisset()に相当するもの

[解決済み】webpack-dev-serverにリモート接続すると、「Invalid Host header」というメッセージが表示されます。

[解決済み】NodeJS "ESモジュールをロードするためにインポートを使用する必要があります。"

[解決済み】Jestが予期しないトークンに遭遇した

[解決済み】このオブジェクトの "forEach "はなぜ関数でないのですか？

[解決済み] モジュール "@angular-devkit/build-angular" が見つかりませんでした。

[解決済み] Node.js上のクライアント。Uncaught ReferenceError: require は定義されていません。

最新

nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)

htmlページでギリシャ文字を使うには

ピュアhtml+cssでの要素読み込み効果

純粋なhtml + cssで五輪を実現するサンプルコード

ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード

タイピング効果を実現するピュアhtml+css

htmlの選択ボックスのプレースホルダー作成に関する質問

html css3 伸縮しない画像表示効果

トップナビゲーションバーメニュー作成用HTML+CSS

html+css 実装サイバーパンク風ボタン

おすすめ

[解決済み】Facebook Graph API のクエリで with=location を使用すると "Uncaught (in promise) undefined" というエラーが発生する。

[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"

[解決済み】document.getElementByIDは関数ではありません。

[解決済み】XMLHttpRequestモジュールが定義されていない/見つからない

[解決済み】SyntaxError: 'import' と 'export' は 'sourceType: module' とだけ表示されるかもしれない - Gulp

[解決済み】エラー：リクエストのエンティティが大きすぎる

[解決済み】 Uncaught Error: Invariant Violation: 解決済み】 Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: object.

[解決済み】Vueのテンプレートまたはレンダー関数が定義されていない私はどちらも使っていないのですが？

[解決済み】Uncaught TypeError: 未定義のプロパティ 'msie' を読み取れない - jQuery tools

[解決済み】Vueが定義されていない