部署时缺少角材料组件

Question

我正在为我的Web开发课程构建一个带有角度的Web应用程序。该应用程序利用角形材料库。今天，我试图在我的服务器上部署我的角度应用程序，该服务器是我用node js从头开始构建的（我使用的是http，在需要时不要表达）。我成功运行了ng build --prod，创建了一个dist文件夹，并部署了我的应用程序。

问题在于，当我运行应用程序的已部署版本时，棱角材质组件不起作用。最好的解释方法是用图片。

以下是在开发模式下运行时应用程序的外观：

以下是该应用在服务器上部署并运行时的外观：

所有材料成分均已消失/未正确显示。为什么会这样？要在应用程序的构建版本中包含库/模块，我是否需要做一些特殊/重要的事情？我在控制台中收到以下警告：

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:3000/styles.80f2d8e9e393f3581758.css".

非常感谢您的帮助！

Answer 1

假设您使用了dist文件夹而不更改其内容，那么我很确定这是一个后端问题。

如果您的ng应用正确构建，就可以开始提供服务了。

遇到问题或配置错误的BE。在Google上看看有关如何启动一个简单的nodejs服务器以将dist文件夹作为静态文件提供的信息。 它应该工作。然后，您必须解决后端问题，但这是一个单独的问题...

此问题说明了如何执行此操作： Using node.js as a simple web server

Answer 2

我知道了！几乎没有其他人会犯同样的错误，这是Content-Type响应标头的问题。我将其设置为“ text / html”而不是“ text / css”。