gpt4 book ai didi

javascript - 如何从 Angular 项目中使用 javascript 导出独立的 html/css?

转载 作者:行者123 更新时间:2023-12-05 05:56:17 25 4
gpt4 key购买 nike

我有一个带有 html/CSS/组件(.ts 文件)/服务(.ts 文件)的 Angular 项目。服务方法正在从 assets 文件夹中的 .json 文件中读取数据(不调用后端)。

我正在做一个产品构建,它将在 dist 文件夹中生成 html/CSS/javascript 文件。

问题是生成的index.html文件没有渲染,在没有服务器(应用服务器)的浏览器中显示黑屏。我的要求是使此 HTML 脱机工作。

我如何导出独立的 html/CSS/javascripts 以作为来自 Angular 项目的离线 html?

生成的dist文件夹结构: enter image description here

最佳答案

您可以使用 http-server 来做到这一点包。

首先安装全局包

npm install http-server -g

然后在你的项目目录中(在终端中)运行

http-server dist/

如果您使用的是 Angular 6+ 或更高版本(使用 Angular 10),则必须运行

http-server dist/your-project-name

现在你可以访问http://localhost:8080查看你的应用

关于javascript - 如何从 Angular 项目中使用 javascript 导出独立的 html/css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69219267/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com