【问题标题】:Angular 5 : app-root component not loading after switching to XAMPPAngular 5:切换到 XAMPP 后应用程序根组件未加载
【发布时间】:2018-07-05 15:42:24
【问题描述】:

编辑 一个善良的人帮助我找到了另一种方法。但是如果有人能解释为什么我的 Angular 项目只在浏览器上显示一个空白页面,我仍然会接受它。 Xampp 需要一些东西来阅读 Angular 吗?

上下文:

我目前正在 Angular 5 上做一个项目。直到现在我在 Webstorm IDE 中使用 ng serve 命令来创建我的服务器并显示它。一切正常。

然后为了能够显示后端 PHP 部分,我切换到 xampp。 我只是将我的项目放在 XAMPP 的“htdocs 目录”中,然后运行 ​​npm start 命令。该项目编译完美,我没有收到任何错误。

问题:

但是,但是,当我在浏览器中显示本地主机地址时,我得到了一个 空白页面,没有 html。如果我在我的 app-root 标签中写了一些东西,它会显示它。 当然没有错误,那太简单了。 StackOverflow 中也有类似的问题,但并非没有错误,而且环境不同。

问题:

我猜我的模块和配置文件的加载可能存在问题。但由于我对 Angular 还很陌生,所以我不知道在哪里挖掘才能允许这样做。我一直在互联网上搜索一些答案,但没有找到任何答案。

有人知道去哪里找吗?

我将不胜感激。 我会向你展示更多我的文件,但现在我不知道放什么有用。

谢谢

我的 index.html 文件:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>CRAPO</title>
  <base href="/Crapo/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="http://localhost:4200/favicon.ico">

</head>
<body>
  <app-root>Chargement ...</app-root>
</body>
</html>

【问题讨论】:

  • “我只是把我的项目放在“htdocs 目录”中是什么意思。
  • 我将使用 angular-cli 命令 ng new PROJECT-NAME 创建的文件夹转移到 htdocs 中
  • 好的,请看下面我的回答。

标签: angular xampp


【解决方案1】:

需要构建项目https://github.com/angular/angular-cli/wiki/build,并将dist/文件夹的内容放到htdocs文件夹中

【讨论】:

  • 好的,谢谢@Günter Zöchbauer,我会试试的。但我还不想投入生产。已经使用 build 并且仍然像在 dev 中那样使用是否可以?
  • 我发布的链接显示了如何为开发和生产构建。如果您想将 XAMPP 服务器与 ng serve 一起用于开发,juristr.com/blog/2016/11/configure-proxy-api-angular-cli 之类的东西可能是您正在寻找的。​​span>
  • 非常感谢,这可能就是我要找的东西!
猜你喜欢
  • 2017-03-26
  • 1970-01-01
  • 2020-01-27
  • 1970-01-01
  • 2018-11-16
  • 2017-12-22
  • 2018-11-11
  • 2023-03-14
  • 2017-11-15
相关资源
最近更新 更多