问题标签 [angular-scully]

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 投票
0 回答
611 浏览

angular - Scully 找不到空的路线

Scully 找不到我的应用程序的路线,我的路线有问题吗?

我在 scully 版本 0.0.19

app.routing.ts 看起来像这样:

在 home.routing.ts 我有几条子路线:

我也尝试了正常的路径语法而不是打字稿@ one

提前致谢!

角度版本:

错误

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。

0 投票
1 回答
38 浏览

angular - 将 extraRoutes 放在单独的文件中以在 Scully 中进行多个配置会导致导入错误

我有多个 scully 配置:

scully 配置有一个 extraRoutes 字段,所有配置都相同。我想把 extraRoutes 放在一个新文件extraRoutes.ts中。

并在配置中导入该文件

但是Error: Cannot find module './extraRoutes'当我尝试跑步时,我得到了npx scully --project en

0 投票
1 回答
199 浏览

angular - “订阅”类型缺少“订阅”类型的以下属性:_parentOrParents、_subscriptions

在此处输入图像描述我的角度 ts 文件出现上述错误。但无法理解修复。任何人帮助我

ts文件:

0 投票
1 回答
82 浏览

scully - Scully 静态服务器不会提供带有百分比编码空间的 url

我的角度应用程序包含百分比编码的路线。前任。/页%201

当我运行我的角度应用程序时,ng serve一切正常。

但是当我启动 Scully 静态服务器并访问“http://localhost:1668/Page%201”时,浏览器显示

无法获取 /Page%201

我看着我的./dist/static/assets/scully-routes.json,我可以看到,{"route":"/Page%201"}

这种行为不会发生在没有空间的路线上。

前任。http://localhost:1668/Page2工作得很好。

0 投票
0 回答
37 浏览

angular - 当 scully 生成的静态页面已经包含最新数据时如何延迟加载数据

我有一个角度项目。在我的 home 组件上,我通过 ngOnInit 方法从后端服务器加载实时数据。它工作得很好。但是为了提高性能,我使用了 Scully,它为我的 home 组件生成了一个静态页面。现在,当我在浏览器中加载我的页面时,它会下载静态页面。其中包含所有最新数据。这意味着,我不必再次加载数据。

即使我禁用 Javascript,生成的页面也会按预期工作。所以我的问题是当浏览器加载的页面已经有实时数据时,如何避免加载实时数据。

我最初的方法是使用文档对象检查元素,但不幸的是,一旦我在 ngOninit 中,即使它在那里也找不到元素。这里;是我的代码

有没有办法做到这一点?

如果我使用静态客户端渲染,那么 lighthouse 评估的性能非常糟糕(即使使用由 ng new app 生成的默认角度项目),这就是为什么我必须使用静态生成的页面。