Javascript 创建的角度组件在'之后不可见；ng构建'；_Javascript_Angular

Javascript 创建的角度组件在'之后不可见；ng构建'；

javascript angular

Javascript 创建的角度组件在'之后不可见；ng构建'；,javascript,angular,Javascript,Angular,我是个新手，最近我开始做一个简单的个人水疗项目。它是使用angular cli创建的，文件夹结构没有什么特别之处： - myApp ----e2e ----node_modules ----src --------app ------------ main app module with two .ts components and html for each of them ... 当我使用ng serve时，一切都很好：我可以在localhost:4200上看到我的组件，Angular的功

我是个新手，最近我开始做一个简单的个人水疗项目。它是使用angular cli创建的，文件夹结构没有什么特别之处：

- myApp
----e2e
----node_modules
----src
--------app
------------ main app module with two .ts components and html for each of them
...

当我使用

ng serve

时，一切都很好：我可以在

localhost:4200

上看到我的组件，Angular的功能非常出色

但是，当我运行

ngbuild

并从新创建的

dist

文件夹中打开

index.html

时，我根本看不到我的组件

index.html

文件如下：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>RoutingDemo</title>

  <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 type="text/javascript" src="runtime.js"></script><script type="text/javascript" src="polyfills.js"></script><script type="text/javascript" src="styles.js"></script><script type="text/javascript" src="vendor.js"></script><script type="text/javascript" src="main.js"></script></body>
</html>


路由演示

控制台中没有丢失文件的错误，index.html正在成功读取所有JS和CSS文件

有人能解释一下为什么我没有看到这些组件吗？

所以你需要为你的页面提供服务，最简单的方法是在你的

dist

文件夹中运行

http服务器，然后你就可以看到你的页面了你说的“我打开index.html”是什么意思？你是如何“打开”它的？你的意思是你正在打开你的浏览器到你的服务器承载客户端的URL地址？ng serve
内部使用webpack dev server
本地提供构建文件。手动打开index.html
@Narm时并非如此，我的意思是双击它并在浏览器中查看它。@SiddAjmera是对的，您也可以使用npm软件包http服务器来运行它。@TempBird，好的，这正是我所怀疑的。那是行不通的。您需要一个web服务器，它将在完成ng构建后提供dist
目录中的文件。谢谢您的回答。但现在我看到的只是浏览器中的文件夹结构（“Index of/”窗口，其中列出了我的项目文件）。我已经在我的dist
文件夹中运行了http服务器
。@TempBird type index.html作为url的结尾，类似于http://ip:port/index.html
@TempBird，首先为什么要使用http服务器
？您已经拥有AngularCLI，可以使用ng serve
为文件提供服务。它为您提供了在监视模式下运行本地服务器的额外优势。@TempBirdng server
正在运行一个本地web服务器，如http server
，并为您的应用程序提供服务，您提到过您正在使用ng build
，它为您提供输出，以便将其托管在真正的服务器上（在您无权访问ng serve的服务器上），所以，要查看您的网站（确保一切正常），您需要单独提供它，然后将文件复制到服务器上的real host以将其发布到服务器上net@RezaRahmati作为一种魅力：）谢谢！