Question

我面临一个根本无法调试的问题。我目前在受限的环境中工作，这意味着我的机器未直接连接到互联网，此外，还有一些安全预防措施。 SO上的所有“相关问题”都以某种方式涉及自定义代码，在此情况并非如此，因为它是示例演示项目，由ng new <name>生成。

为了在此计算机上运行Angular-Project，我采取了以下步骤：

在连接到Internet的主机上，我使用ng new Test生成了一个新的示例项目。我在这台计算机上安装了节点版本10.16.3。
然后，我压缩了整个项目以及文件夹npm和npm-cache。
在脱机计算机上，我安装了NodeJS（v10.16.3），将npm和npm-cache文件夹都放在C:\Users\myUser\AppData\Roaming下，并将npm Folder添加到本地环境变量中（这让我使用Angular CLI，它可以按预期工作）。
当我现在为应用程序提供服务时，它被编译而没有错误，但是仅显示index.html，而没有呈现<app-root></app-root>的内容（请注意，该项目在我的常规计算机上运行良好，没有任何反应更改，这只是简单的演示项目。

浏览器控制台中没有错误。检查网络流量，仅加载具有index.html文件的静态内容的文件'localhost'。值得注意的是，script，main.js等的runtime.js标签已按预期插入。如果我调用localhost:4200/main.js（或也应该加载的任何其他文件），则可以访问这些文件并显示其内容，这意味着它们位于“此处”。我还尝试了几个不同的端口。

现在，是什么分别干扰了组件的呈现，又是什么导致无法检索文件的呢？我强烈认为这与我的设置无关，因为两台计算机上的节点/角度设置相同。

这是要加载的内容：

<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Base</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>
        <script src="runtime.js" type="module"></script>
        <script src="polyfills.js" type="module">
        </script><script src="styles.js" type="module">
        </script><script src="vendor.js" type="module">
        </script><script src="main.js" type="module"></script>
    </body>
</html>

Angular示例演示项目不在受限环境中呈现<app-root>，没有错误

0 个答案: