Question

我正在使用Angular 4 Universal Starter并将所有Angular 2代码集成到此启动器中。一切都很好，但在终端我得到这个奇怪的错误。不确定是什么问题

错误TypeError：this.html.charCodeAt不是函数在Preprocessor.advance（/home/user/node/project/dist/server.js:152260:24）在Tokenizer._consume（/home/user/node/project/dist/server.js:45694:30）在Tokenizer.getNextToken（/home/user/node/project/dist/server.js:45652:23）在Parser._runParsingLoop（/home/user/node/project/dist/server.js:102429:36）在Parser.parseFragment（/home/user/node/project/dist/server.js:102384:10） at Object.parseFragment（/home/user/node/project/dist/server.js:55136:19）在Parse5DomAdapter.setInnerHTML（/home/user/node/project/dist/server.js:53609:49）在Parse5DomAdapter.setProperty（/home/user/node/project/dist/server.js:53250:18）在EmulatedEncapsulationServerRenderer2.DefaultServerRenderer2.setProperty （/home/user/node/project/dist/server.js:54766:94）在setElementProperty（/home/user/node/project/dist/server.js:9982:19）

由于server.js中的以下代码导致其导致

Preprocessor.prototype.advance = function () {
    this.pos++;

    if (this.pos > this.lastCharPos) {
        if (!this.lastChunkWritten)
            this.endOfChunkHit = true;

        return $.EOF;
    }

    var cp = this.html.charCodeAt(this.pos); // Error Occurs here

    //NOTE: any U+000A LINE FEED (LF) characters that immediately follow a U+000D CARRIAGE RETURN (CR) character
    //must be ignored.
    if (this.skipNextNewLine && cp === $.LINE_FEED) {
        this.skipNextNewLine = false;
        this._addGap();
        return this.advance();
    }

    //NOTE: all U+000D CARRIAGE RETURN (CR) characters must be converted to U+000A LINE FEED (LF) characters
    if (cp === $.CARRIAGE_RETURN) {
        this.skipNextNewLine = true;
        return $.LINE_FEED;
    }

    this.skipNextNewLine = false;

    //OPTIMIZATION: first perform check if the code point in the allowed range that covers most common
    //HTML input (e.g. ASCII codes) to avoid performance-cost operations for high-range code points.
    return cp >= 0xD800 ? this._processHighRangeCodePoint(cp) : cp;
};

this.html typeof正在返回＆＃34;字符串＆＃34;但是在错误发生之前它会返回到对象之下。

{ treeAdapter: 
   { createDocument: [Function],
     createDocumentFragment: [Function],
     createElement: [Function],
     createCommentNode: [Function],
     appendChild: [Function],
     insertBefore: [Function],
     setTemplateContent: [Function],
     getTemplateContent: [Function],
     setDocumentType: [Function],
     setDocumentMode: [Function],
     getDocumentMode: [Function],
     detachNode: [Function],
     insertText: [Function],
     insertTextBefore: [Function],
     adoptAttributes: [Function],
     getFirstChild: [Function],
     getChildNodes: [Function],
     getParentNode: [Function],
     getAttrList: [Function],
     getTagName: [Function],
     getNamespaceURI: [Function],
     getTextNodeContent: [Function],
     getCommentNodeContent: [Function],
     getDocumentTypeNodeName: [Function],
     getDocumentTypeNodePublicId: [Function],
     getDocumentTypeNodeSystemId: [Function],
     isTextNode: [Function],
     isCommentNode: [Function],
     isDocumentTypeNode: [Function],
     isElementNode: [Function] } }

以下是我的通用服务器.ts

import 'zone.js/dist/zone-node';
import 'reflect-metadata';
import 'rxjs/Rx';
import * as express from 'express';
import { Request, Response } from 'express';
import { platformServer, renderModuleFactory } from '@angular/platform-server';
import { ServerAppModule } from './app/server-app.module';
import { ngExpressEngine } from '@nguniversal/express-engine';
import { ROUTES } from './routes';
import { enableProdMode } from '@angular/core';
enableProdMode();
const app = express();
const port = 4200;
const baseUrl = `http://localhost:${port}`;

app.engine('html', ngExpressEngine({
  bootstrap: ServerAppModule
}));

app.set('view engine', 'html');
app.set('views', 'src');

app.use('/', express.static('dist', {index: false}));

// ROUTES.forEach((route: string) => {
  app.get('/*', (req: Request, res: Response) => {
    console.time(`GET: ${req.originalUrl}`);
    res.render('../dist/index', {
      req: req,
      res: res
    });
    console.timeEnd(`GET: ${req.originalUrl}`);
  });
// });

app.listen(port, () => {
    console.log(`Listening at ${baseUrl}`);
});

节点：v6.9.2

Angular：4.1.0

Answer 1

使用

时遇到同样的错误

public static void main(String[] args) {
    String ftpUrl = "ftp://servername:21/AB";
    System.out.println("URL: " + ftpUrl);

try {
    URL url = new URL(ftpUrl);
    URLConnection conn = url.openConnection();
    InputStream inputStream = conn.getInputStream();
    BufferedReader reader = new BufferedReader(new InputStreamReader(inputStream));

    String line = null;
    System.out.println("--- START ---");
    while ((line = reader.readLine()) != null) {
        System.out.println(line);
    }
    System.out.println("--- END ---");
    inputStream.close();
} catch (IOException ex) {
    ex.printStackTrace();
}
}

但我用* ngIf =“someHtml”解决了这个问题

<div [innerHTML]="someHtml"></div>

希望这也适合你！

Angular 4 Universal this.html.charCodeAt不是函数

1 个答案: