问题标签 [scullyio]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
454 浏览

angular - 当 Scully 已经预渲染内容时,如何防止 Angular 在运行时加载内容?

我有一项服务可以从我的 Angular 应用程序中的无头 CMS Cockpit 中获取数据。我正在使用 Scully 来预渲染我的页面。它在进行预渲染时效果很好,它获取内容构建时间并创建一个静态页面,但是当打开页面时,Angular 会再次加载该数据,尽管它应该来自某种 scully 上下文。

0 投票
1 回答
232 浏览

angular - 如何让 scully.io 在 github 页面上工作?

我正在尝试将 scully 添加到托管在 github 页面上的投资组合中。当我在浏览器中禁用 javascript 时,一切都停止工作(网站根本没有呈现)。Github 要求所有可部署文件都在 /docs 文件夹中,我已将所有 scully 文件放在那里。你可以在这里找到回购结构:https ://github.com/jakub-wisniowski/portfolio

和这里的网站:https ://jakub-wisniowski.github.io/portfolio/

任何想法如何解决它?

0 投票
1 回答
451 浏览

angular - 在 Angular 中导入模块并从 Scully 获取错误

我尝试在我的 Angular 项目中使用 Scully。在 Angular 中,我有一些模块,我必须导入才能使用。但是当我尝试和 Scully 一起奔跑时

它显示此错误

属于多个模块:

有人可以请我如何解决这个错误吗?

更新

这是 ng build 的输出

用 ng build --prod 更新

这是 ng build --prod 的输出

0 投票
0 回答
287 浏览

angular - Ionic Web 组件和 Angular 应用程序和静态预渲染

我创建了一个简单的 Ionic 5 / Angular 9 项目。

然后使用www.scully.io做静态页面预渲染。

它运行良好,因为我可以在生成的 index.html 中看到预渲染的 html

问题是每个 ionic web 组件都是自定义 web 组件,在浏览器加载 index.html 和 ion-* 标签的阶段,它不知道它们是什么以及它们应该看起来如何导致:

在此处输入图像描述

我试图通过添加来解决这个问题:

但问题是上面的包(ionic.esm.js)是模块化的,它会触发其他 *.js 文件包被下载和评估,并且这种 js 评估已经在 index.html 正文被解析和呈现之后进行ionic.esm.js 完全“启动” - Angular 已准备好接管,因此预渲染看起来并不漂亮:)

问题:

  • 在完全下载/评估模块化 js 之前,有没有办法阻止 DOM 解析?
  • 或者在这种情况下是否有其他方法来处理自定义 Web 组件?
0 投票
1 回答
296 浏览

css - Angular 中的 Markdown 样式

我现在正在使用 Angular 和 Scully,我想在 Angular 的降价文件中添加样式。但我不知道该怎么做。现在的img太大了。有人可以给我建议吗?

请看下面的这些图片。

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

0 投票
1 回答
92 浏览

angular - 使用 angular-cli-ghpages 部署 Scully 静态文件夹?

Scully将项目生成到project/dist/static.

我们如何部署它而不是project/dist/project-name使用angular-cli-ghpages

0 投票
2 回答
323 浏览

angular - 告诉 Scully 忽略路由的静态页面生成?

假设我们定义了以下路由:

有一种方法可以告诉 Scully 跳过生成start路由的静态页面吗?

0 投票
1 回答
217 浏览

javascript - 在 Scully 中使用 Web 组件?

我构建了一个应用程序加载动态内容并通过 Scully 呈现它。内容中有这样的 Web 组件:

我猜 Scully 试图寻找与标签匹配的 Angular 组件,但fs-image由于找不到,它只是fs-image从生成的内容中删除了该元素。

我们如何告诉 Scully 这fs-image是一个 Web 组件?

要在 Angular 中使用自定义元素,我们需要添加一个自定义模式:

所以我添加了这一点,但内容fs-imageWeb 组件仍然从 Scully 生成的内容中剥离。

创建 Scully 问题

https://github.com/scullyio/scully/issues/1204

0 投票
1 回答
75 浏览

angular - 基本角度

我正在尝试让 scullyio 开发一个真正的基本 ng 新版本。开箱即用的骨架。步骤如下——

安装了@angular/cli。
Ran ng new scully
Ran ng build --prod
Ran npm run scully

但不断得到:

这是我几乎所有东西的版本——我很早就用@PWA 尝试过,但这并没有带来任何运气,所以我重新开始。

提前致谢,

亲切的问候,

布雷塔

0 投票
1 回答
47 浏览

angular - Scullyio - 构建后如何在静态 Index.html 文件中呈现 Angular Material 主题(CSS)?

我创建了一个Angular 10项目并Scully使用 ng add @scullyio/init命令将角度集成到其中。我正在将该Angular Material库用于工具栏、导航栏、按钮等。

现在,在我使用 构建 Angular 项目后ng build --prod,我运行npx scully它生成了文件夹内的所有静态文件dist/static。当我在文件夹中启动 HTTP 服务器dist/static时,我可以看到使用 Material 主题呈现的应用程序。但是当我不运行任何服务器,只在浏览器中打开 index.html 文件时,我看不到 Material CSS 主题的应用,甚至看不到我为 toolbar 定义的原色

请帮助我了解我在这里缺少什么,以便即使不启动服务器也应该使用 Material CSS 呈现静态 index.html。