Angular 6 - процесс не определяется при попытке обслуживать приложение

Question

Я получаю следующую ошибку, когда пытаюсь обслуживать свое угловое приложение 6 с помощью cosmicjs:

Uncaught ReferenceError: process is not defined
    at Object../node_modules/cosmicjs/dist/index.js (index.js:6)
    at __webpack_require__ (bootstrap:81)
    at Object../src/app/app.component.ts (main.js:94)
    at __webpack_require__ (bootstrap:81)
    at Object../src/app/app.module.ts (app.component.ts:9)
    at __webpack_require__ (bootstrap:81)
    at Object../src/main.ts (environment.ts:18)
    at __webpack_require__ (bootstrap:81)
    at Object.0 (main.ts:12)
    at __webpack_require__ (bootstrap:81)

Моя последняя теория связана с тем, что свойство process.env не определено.

Я следую этому уроку здесь

и мой точный код можно найти здесь

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

Answer 1

В polyfill.ts, добавьте эту строку:

(window as any).process = {
  env: { DEBUG: undefined },
};

Ссылка: https://github.com/algolia/algoliasearch-client-javascript/issues/691

---

или npm i -S process, затем добавьте это к polyfill.ts:

import * as process from 'process';
window['process'] = process;

Answer 2

Это несовместимость с Angular 6. Они убрали поддержку (шим) процесса и глобальные переменные в браузере.

Добавление следующего перед закрытием в ваш index.html устранит ошибку.

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

Answer 3

Это несовместимость с Angular v6.Они убрали поддержку (шим) переменных process и global в браузере.

Я предлагаю вам использовать Angular 5, пока cosmic.js не исправитошибка.Может быть, вы даже можете открыть вопрос для этого.