Angularjs 应用程序和 Webpack 5 导致 ReferenceError: window is not defined答案

【问题标题】：Angularjs app and Webpack 5 results in ReferenceError: window is not definedAngularjs 应用程序和 Webpack 5 导致 ReferenceError: window is not defined
【发布时间】：2021-12-30 16:29:01
【问题描述】：

升级到 Webpack 5 后，我正在努力构建 AngularJS 应用程序。即使我们在 webpack 配置中使用以下几行来填充，它也对我们没有帮助。

config.resolve.alias['angular$'] = __dirname + '/node_modules/angular/angular';
config.module.rules.push({
        test: /angular\.js$/,
        use: 'exports-loader?window.angular'
    });

以前的 webpack 版本为我们提供了适当的支持。构建以以下两个错误结束。

有人可以帮忙吗？

Error  in ./node_modules/angular-ui-router/lib-esm/angular.js

Module build failed (from ../node_modules/angular/index.js): ReferenceError: window is not defined
    at Object.<anonymous> (/myapp/node_modules/angular/angular.js:36598:4)
    at Module._compile (node:internal/modules/cjs/loader:1097:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1149:10)
    at Module.load (node:internal/modules/cjs/loader:975:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:999:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/myapp/node_modules/angular/index.js:1:1)
    at Module._compile (node:internal/modules/cjs/loader:1097:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1149:10)

 error  in ./node_modules/angular/angular.js

Module build failed (from ../node_modules/angular/index.js): ReferenceError: window is not defined
    at Object.<anonymous> (/myapp/node_modules/angular/angular.js:36598:4)
    at Module._compile (node:internal/modules/cjs/loader:1097:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1149:10)
    at Module.load (node:internal/modules/cjs/loader:975:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:999:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/myapp/node_modules/angular/index.js:1:1)
    at Module._compile (node:internal/modules/cjs/loader:1097:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1149:10)

【问题讨论】：

标签： angularjs webpack

【解决方案1】：

我从未在 Angular 项目中使用过 webpack，但尝试在 webpack 配置中添加 node 条目：

  node: {
    global: true,
    __filename: false,
    __dirname: false,
  },

【讨论】：