加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

角度普遍未知错误

发布时间:2020-12-17 18:11:19 所属栏目:安全 来源:网络整理
导读:不知道这个错误是什么意思.不知道如何调试.也许这里的其他人有类似的错误? 代码已成功编译,但我在浏览器中得到一个空白页面. 我到处寻找,无法找到解决方案….. 堆栈让我在这个问题上添加更多文字,我不知道还能在这里添加什么…… server.ts: import 'zone.
不知道这个错误是什么意思.不知道如何调试.也许这里的其他人有类似的错误?
代码已成功编译,但我在浏览器中得到一个空白页面.
我到处寻找,无法找到解决方案…..
堆栈让我在这个问题上添加更多文字,我不知道还能在这里添加什么……

enter image description here

server.ts:

import 'zone.js/dist/zone-node';
import 'reflect-metadata';

import { enableProdMode } from '@angular/core';

import * as express from 'express';
import { join } from 'path';

import 'localstorage-polyfill';

global['localStorage'] = localStorage;
// Faster server renders w/ Prod mode (dev mode never needed)
enableProdMode();

// Express server
const app = express();

const PORT = process.env.PORT || 4000;
const DIST_FOLDER = join(process.cwd(),'dist');

// * NOTE :: leave this as require() since this file is built Dynamically from webpack
const { AppServerModuleNgFactory,LAZY_MODULE_MAP } = require('./dist/server/main');

// Express Engine
import { ngExpressEngine } from '@nguniversal/express-engine';
// Import module map for lazy loading
import { provideModuleMap } from '@nguniversal/module-map-ngfactory-loader';

app.engine('html',ngExpressEngine({
  bootstrap: AppServerModuleNgFactory,providers: [
    provideModuleMap(LAZY_MODULE_MAP)
  ]
}));

app.set('view engine','html');
app.set('views',join(DIST_FOLDER,'browser'));

// TODO: implement data requests securely
app.get('/api/*',(req,res) => {
  console.log(req,res);
  res.status(404).send('data requests are not supported');
});

// Server static files from /browser
app.get('*.*',express.static(join(DIST_FOLDER,'browser')));

// All regular routes use the Universal engine
app.get('*',res) => {
  res.render('index',{
    req: req,res: res
  });
});

// Start up the Node server
app.listen(PORT,() => {
  console.log(`Node server listening on http://localhost:${PORT}`);
});

的package.json:

{
  "name": "jinni-angular","version": "0.0.0","license": "MIT","scripts": {
    "ng": "ng","start": "ng serve","build": "ng build","test": "ng test","lint": "tslint ./src/**/*.ts -t verbose","e2e": "ng e2e","build:ssr": "npm run build:client-and-server-bundles && npm run webpack:server","serve:ssr": "node dist/server","build:client-and-server-bundles": "ng build --prod --aot --vendor-chunk --common-chunk --build-optimizer --named-chunks && ng run jinni-angular:server","webpack:server": "webpack --config webpack.server.config.js --progress --colors"
  },"private": true,"dependencies": {
    "@angular/animations": "^6.0.0","@angular/cdk": "github:angular/cdk-builds","@angular/common": "^6.0.0","@angular/compiler": "^6.0.0","@angular/core": "^6.0.0","@angular/forms": "^6.0.0","@angular/http": "^6.0.0","@angular/material": "github:angular/material2-builds","@angular/platform-browser": "^6.0.0","@angular/platform-browser-dynamic": "^6.0.0","@angular/platform-server": "^6.0.1","@angular/pwa": "^0.6.1","@angular/router": "^6.0.0","@angular/upgrade": "^6.0.0","@nguniversal/express-engine": "^6.0.0","@nguniversal/module-map-ngfactory-loader": "^6.0.0","@ngx-translate/core": "^9.1.1","@ngx-translate/http-loader": "^2.0.1","@types/underscore": "^1.8.6","angular-in-memory-web-api": "^0.6.0","classlist.js": "^1.1.20150312","core-js": "^2.5.4","express": "latest","global": "^4.3.2","hammerjs": "^2.0.8","jquery": "latest","localstorage-polyfill": "^1.0.1","ng-custom-select": "^1.0.4","ng-select": "^1.0.0-rc.3","ng2-breadcrumbs": "^0.1.281","ng2-carouselamos": "^3.2.0","ng2-translate": "^5.0.0","ng4-click-outside": "^1.0.1","ng4-intl-phone": "^1.2.0","ngx-device-detector": "^1.2.2","ngx-dropdown": "0.0.22","ngx-owl-carousel": "^2.0.7","node": "^9.11.0","npm": "^5.8.0","rxjs": "^6.0.0","rxjs-compat": "^6.1.0","serve": "^6.5.3","ts-loader": "^4.3.0","underscore": "^1.8.3","webstorage-polyfill": "^1.0.1","zone.js": "^0.8.24"
  },"devDependencies": {
    "@angular-devkit/build-angular": "~0.6.1","@angular/cli": "^6.0.0","@angular/compiler-cli": "^6.0.0","@angular/platform-server": "^6.0.0","@angular/language-service": "^5.0.0","@types/jasmine": "~2.8.0","@types/jasminewd2": "^2.0.3","@types/node": "^6.0.45","codelyzer": "^4.0.1","jasmine-core": "~2.99.1","jasmine-spec-reporter": "~4.2.1","karma": "~1.7.1","karma-chrome-launcher": "~2.2.0","karma-coverage-istanbul-reporter": "~1.4.2","karma-jasmine": "~1.1.1","karma-jasmine-html-reporter": "^0.2.2","lodash": "^4.16.2","karma-phantomjs-launcher": "^1.0.2","phantomjs-prebuilt": "^2.1.7","node-sass": "^4.7.2","protractor": "~5.3.0","ts-node": "^5.0.1","tslint": "^5.9.1","typescript": "2.7.2","ts-loader": "^4.2.0","webpack-cli": "^2.0.14"
  },"repository": {}
}

解决方法

其实我也遇到了同样的错误.使用调试和源映射后,我发现问题来自我的server.js:

Zone.__load_patch('console',function (global,Zone) {
    var consoleMethods = ['dir','log','info','error','warn','assert','debug','timeEnd','trace'];
    consoleMethods.forEach(function (m) {
        var originalMethod = console[Zone.__symbol__(m)] = console[m];
        if (originalMethod) {
            console[m] = function () {
                var args = ArraySlice.call(arguments);
                if (Zone.current === Zone.root) {
// Error here
                    return originalMethod.apply(this,args);
                }
                else {
                    return Zone.root.run(originalMethod,this,args);
                }
            };
        }
    });
});

真的很失望,很难调试.

编辑:在’All Exceptions’上激活断点后,我得到了有关错误来源的更多信息.它来自具有“文档”引用的依赖项.至少我知道要修复什么.我希望它可以帮助别人.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读