程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了带角度通用的窗口未定义错误 |角 10 | ng 10大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决带角度通用的窗口未定义错误 |角 10 | ng 10?

开发过程中遇到带角度通用的窗口未定义错误 |角 10 | ng 10的问题如何解决?下面主要结合日常开发的经验,给出你关于带角度通用的窗口未定义错误 |角 10 | ng 10的解决方法建议,希望对你解决带角度通用的窗口未定义错误 |角 10 | ng 10有所启发或帮助;

我在我的项目中添加了 angular Universal,但在服务时出现错误 window is not defined@H_197_4@

    E:\code\collective\v2\collective-web-ui\dist\collective-web-ui\server\main.Js:276225 Lf.display.hIDeContentCards=Mf.$e;Lf.display.toggleContentCards=Mf.Dh;Y.display=Mf;return appboyInterfacE});}).call(window);
                                                                                                                    ^

ReferenceError: window is not defined
    at Object.opb8 (E:\code\collective\v2\collective-web-ui\dist\collective-web-ui\server\main.Js:276225:117)
    at __webpack_require__ (E:\code\collective\v2\collective-web-ui\dist\collective-web-ui\server\main.Js:26:30)
    at Module.oY7K (E:\code\collective\v2\collective-web-ui\dist\collective-web-ui\server\main.Js:177169:72)
    at __webpack_require__ (E:\code\collective\v2\collective-web-ui\dist\collective-web-ui\server\main.Js:26:30)
    at Module.Y9WU (E:\code\collective\v2\collective-web-ui\dist\collective-web-ui\server\main.Js:206001:83)
    at __webpack_require__ (E:\code\collective\v2\collective-web-ui\dist\collective-web-ui\server\main.Js:26:30)
    at Module.F9ae (E:\code\collective\v2\collective-web-ui\dist\collective-web-ui\server\main.Js:110830:86)
    at __webpack_require__ (E:\code\collective\v2\collective-web-ui\dist\collective-web-ui\server\main.Js:26:30)
    at Module.vY5A (E:\code\collective\v2\collective-web-ui\dist\collective-web-ui\server\main.Js:296159:78)
    at __webpack_require__ (E:\code\collective\v2\collective-web-ui\dist\collective-web-ui\server\main.Js:26:30)

A server error has occurred. node exited with 1 code. connect ECONNREFUSED 127.0.0.1:58906 npm ERR! code EliFECYCLE npm ERR! errno 1 npm ERR! collective-web-ui@2.0.0 dev:ssr: `ng run collective-web-ui:serve-ssr` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the collective-web-ui@2.0.0 dev:ssr script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR!     C:\Users\sushil_kumar\ApPDAta\roaR_30_11845@ing\npm-cache\_logs\2021-07-19T05_51_29_859Z-deBUG.log

我已经尝试了此处提供的所有解决方案https://github.com/angular/universal/blob/master/docs/gotchas.md 但没有一个在我的项目中工作,但我已经在一个演示项目中测试了这些工作。

我无法在我的项目中找到问题所在,或者可能由于某些依赖项而出错 这是我的依赖项

 "dependencIEs": {
"@agm/core": "^3.0.0-beta.0","@agm/snazzy-info-window": "^3.0.0-beta.0","@angular-slIDer/ngx-slIDer": "^2.0.3","@angular/animations": "10.2.4","@angular/cdk": "10.2.7","@angular/common": "10.2.4","@angular/compiler": "10.2.4","@angular/core": "10.2.4","@angular/forms": "10.2.4","@angular/localize": "~10.2.4","@angular/material": "10.2.7","@angular/platform-browser": "10.2.4","@angular/platform-browser-dynamic": "10.2.4","@angular/platform-server": "10.2.4","@angular/router": "10.2.4","@angular/youtube-player": "^10.2.7","@braze/web-sdk": "^3.3.0","@cloudinary/angular-5.x": "^1.4.2","@collective/booking": "1.0.2","@fancyapps/fancybox": "^3.5.7","@fullcalendar/angular": "^5.7.0","@fullcalendar/core": "^5.7.0","@fullcalendar/daygrID": "^5.7.0","@fullcalendar/interaction": "^5.7.0","@fullcalendar/List": "^5.7.0","@fullcalendar/moment": "^5.7.0","@fullcalendar/resource-timegrID": "^5.7.0","@fullcalendar/scrollgrID": "^5.7.0","@fullcalendar/timegrID": "^5.7.0","@ng-bootstrap/ng-bootstrap": "^9.1.0","@ngneat/cashew": "^1.3.2","@ngrx/effects": "^10.1.2","@ngrx/store": "^10.1.2","@ngrx/store-devtools": "^10.1.2","@nguniversal/express-ENGIne": "^10.1.0","@ngx-formly/core": "5.10.15","@ngx-lite/Json-ld": "0.6.3","@ngx-Meta/core": "9.0.0","@ntegral/ngx-universal-window": "^1.0.2","@service-work/is-loading": "5.1.2","@typeform/embed": "^0.7.0","@types/mixpanel-browser": "^2.35.7","@types/qs": "^6.9.6","@vimeo/player": "^2.15.3","ag-grID-angular": "^25.1.0","ag-grID-community": "^25.1.0","angular-dplayer": "^1.0.8","angular2-recaptcha": "^1.1.0","angulartics2": "^10.0.0","bootstrap": "^4.4.1","cloudinary-core": "^2.11.4","compressorJs": "^1.0.5","core-Js": "^2.6.11","datebook": "6.5.0","dplayer": "^1.26.0","express": "^4.15.2","handlebars": "^4.7.3","hls.Js": "^0.14.17","jquery": "^3.4.1","jquery-sortable": "^0.9.13","lottIE-web": "^5.7.8","material-icons": "^0.3.1","medium-editor": "^5.23.3","medium-editor-insert-plugin": "^2.5.1","mixpanel-browser": "^2.40.1","moment": "2.24.0","moment-timezone": "0.5.27","mydatepicker": "^9.0.2","ng-dynamic-component": "^7.0.0","ng-recaptcha3": "^1.3.2","ng2-animate-on-scroll": "^2.1.0","ng2-cookies": "^1.0.12","ngx-bootstrap": "5.1.1","ngx-connection-service": "^7.0.3","ngx-daterange": "^1.0.43","ngx-google-places-autocomplete": "^2.0.4","ngx-image-cropper": "^3.0.0","ngx-infinite-scroll": "^8.0.1","ngx-lightBox": "^2.4.1","ngx-lottIE": "^6.4.0","ngx-monaco-editor": "^8.1.1","ngx-useful-swiper": "10.0.1","node-sass": "^4.13.0","qs": "^6.10.1","reflect-Metadata": "^0.1.13","rgzoom": "0.0.37","rxJs": "^6.6.7","save": "^2.4.0","snazzy-info-window": "^1.1.1","sso-sdk": "^3.0.3","swiper": "6.5.6","textarea-caret": "^3.1.0","tslib": "2.2.0","yt-player": "~3.4.3","yt-player-angular": "5.0.1","zone.Js": "~0.10.2"
  },"devDependencIEs": {
    "@angular-devkit/build-angular": "~0.1002.3","@angular/cli": "10.2.3","@angular/compiler-cli": "10.2.4","@angular/language-service": "~10.2.4","@nguniversal/builders": "^10.1.0","@types/express": "^4.17.0","@types/jasmine": "^2.8.18","@types/jasminewd2": "^2.0.10","@types/node": "^12.20.7","@types/swiper": "^5.4.3","codelyzer": "^6.0.1","jasmine-core": "~3.5.0","jasmine-spec-reporter": "~5.0.0","karma": "~5.0.0","karma-Chrome-launcher": "~3.1.0","karma-coverage-istanbul-reporter": "~3.0.2","karma-jasmine": "~4.0.0","karma-jasmine-HTML-reporter": "^1.5.0","protractor": "~7.0.0","ts-node": "~7.0.0","tslint": "~6.1.0","typescript": "4.0.7","vrsource-tslint-rules": "^6.0.0"
  }

Server.ts 文件@H_197_4@

    // const mockbrowser = require('mock-browser').mocks.mockbrowser;
// const mock = new mockbrowser();

// global['document'] = mock.getdocument();
// global['window'] = mock.getwindow();


(global as any).WebSocket = require('ws');
(global as any).XMLhttprequest = require('xhr2');

// globalThis.WebSocket = require('ws');
// globalThis.XMLhttprequest = require('xhr2');

const domino = require('domino');
const fs = require('fs');
const path = require('path');

const distFolder = join(process.cwd(),'dist/collective-web-ui/browser');
console.log('distFolder',distFolder);
const template = fs.readfileSync(path.join(distFolder,'index.HTML')).toString();

const win = domino.createWindow(template.toString());
global['window'] = win;
global['document'] = win.document;
global['self'] = win
global['IDBIndex'] = win.IDBIndex
global['document'] = win.document
global['navigator'] = win.navigator
global['getComputedStyle'] = win.getComputedStyle;

// globalThis.window = win;
// globalThis.document = win.document;
// globalThis.self = win
// globalThis.IDBIndex = win.IDBIndex
// globalThis.document = win.document
// globalThis.navigator = win.navigator
// globalThis.getComputedStyle = win.getComputedStyle;



import 'zone.Js/dist/zone-node';

import { ngExpressENGIne } from '@nguniversal/express-ENGIne';
import * as express from 'express';
import { join } from 'path';


import { AppServerModule } from './main.server';
import { APP_BASE_href } from '@angular/common';
import { existsSync } from 'fs';

import { applyDomino } from '@ntegral/ngx-universal-window';

const broWSER_DIR = join(process.cwd(),'dist/collective-web-ui/browser');
applyDomino(global,join(broWSER_DIR,'index.HTML'));

// The Express app is exported so that it can be used by serverless Functions.
export function app(): express.Express {
  const server = express();
  const distFolder = join(process.cwd(),'dist/collective-web-ui/browser');
  const indexhtml = existsSync(join(distFolder,'index.original.HTML')) ? 'index.original.HTML' : 'index';

  // Our Universal express-ENGIne (found @ https://github.com/angular/universal/tree/master/modules/express-ENGInE)
  server.ENGIne('HTML',ngExpressENGIne({
    bootstrap: AppServerModule,}));

  server.set('vIEw ENGIne','HTML');
  server.set('vIEws',distFolder);

  // Example Express Rest API endpoints
  // server.get('/API/**',(req,res) => { });
  // Serve static files from /browser
  server.get('*.*',express.static(distFolder,{
    maxAge: '1y'
  }));

  // All regular routes use the Universal ENGIne
  server.get('*',res) => {
    res.render(indexhtml,{ req,provIDers: [{ provIDe: APP_BASE_href,useValue: req.baseUrl }] });
  });

  return server;
}

function run(): voID {
  const port = process.env.PORT || 4000;

  // Start up the Node server
  const server = app();
  server.Listen(port,() => {
    console.log(`Node Express server Listening on http://localhost:${port}`);
  });
}

// Webpack will replace 'require' with '__webpack_require__'
// '__non_webpack_require__' is a proxy to Node 'require'
// The below code is to ensure that the server is run only when not requiring the bundle.
declare const __non_webpack_require__: Noderequire;
const mainModule = __non_webpack_require__.main;
const modulefilename = mainModule && mainModule.filename || '';
if (modulefilename === __filename || modulefilename.includes('IIsnode')) {
  run();
}

export * from './main.server';

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

大佬总结

以上是大佬教程为你收集整理的带角度通用的窗口未定义错误 |角 10 | ng 10全部内容,希望文章能够帮你解决带角度通用的窗口未定义错误 |角 10 | ng 10所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。