0

我的代码运行顺利，但在添加反应表单验证后，它在构建项目时在浏览器上显示以下内容。 浏览器错误和控制台

 **Index.html file**
 <!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Angular Routing</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>

 </html>

我确信我的代码没有错误。但是，我不知道如何解决它。有没有人可以帮助我找出我的问题并解决它？

4

3 回答 3

0

请参阅stackoverflow上的这个问题。 您可能说过您只能从您自己的站点（自己）加载脚本。您需要在<meta http-equiv= ...>标签中更改它

于 2021-02-26T12:19:32.103 回答
0

Check if you have <meta http-equiv="Content-Security-Policy" content="..." > tag in you index file.

Remove it and reload the page again.

于 2021-02-26T12:20:41.673 回答
0

Cannot GET /- 看起来您/在服务器上没有路由或丢失/favicon.ico文件。
一些带有 NodeJS 的服务器不会自动提供根目录中的文件。如果找不到资源（'404 Not found' 页面），NodeJS lauch finalhandler，细节在这里。此版本的最新版本finalhandler发布 CSP default-src 'none'，因此它会触发 CSP 违规，例如：

Refused to load the image 'http://localhost:xxxx/favicon.ico' because it violates the following Content Security Policy directive: "default-src 'none'"

以前的版本finalhandler有 CSP default-src 'self'，所以你看到的只是404 Not found没有伴随的 CSP 错误。迁移到 Angular 8
时会出现同样的错误，因为它使用 NodeJS 和最新的 .finalhandler

检查http://localhost/favicon.ico文件是否存在，并且您确实有在 web 根目录提供文件的路由/。

于 2021-02-27T08:01:07.673 回答