问题标签 [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.
angular - 当 Scully 已经预渲染内容时,如何防止 Angular 在运行时加载内容?
我有一项服务可以从我的 Angular 应用程序中的无头 CMS Cockpit 中获取数据。我正在使用 Scully 来预渲染我的页面。它在进行预渲染时效果很好,它获取内容构建时间并创建一个静态页面,但是当打开页面时,Angular 会再次加载该数据,尽管它应该来自某种 scully 上下文。
angular - Scully 找不到空的路线
Scully 找不到我的应用程序的路线,我的路线有问题吗?
我在 scully 版本 0.0.19
app.routing.ts 看起来像这样:
在 home.routing.ts 我有几条子路线:
我也尝试了正常的路径语法而不是打字稿@ one
提前致谢!
角度版本:
错误
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。
angular - 将 extraRoutes 放在单独的文件中以在 Scully 中进行多个配置会导致导入错误
我有多个 scully 配置:
scully 配置有一个 extraRoutes 字段,所有配置都相同。我想把 extraRoutes 放在一个新文件extraRoutes.ts
中。
并在配置中导入该文件
但是Error: Cannot find module './extraRoutes'
当我尝试跑步时,我得到了npx scully --project en
。
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
工作得很好。
angular - 当 scully 生成的静态页面已经包含最新数据时如何延迟加载数据
我有一个角度项目。在我的 home 组件上,我通过 ngOnInit 方法从后端服务器加载实时数据。它工作得很好。但是为了提高性能,我使用了 Scully,它为我的 home 组件生成了一个静态页面。现在,当我在浏览器中加载我的页面时,它会下载静态页面。其中包含所有最新数据。这意味着,我不必再次加载数据。
即使我禁用 Javascript,生成的页面也会按预期工作。所以我的问题是当浏览器加载的页面已经有实时数据时,如何避免加载实时数据。
我最初的方法是使用文档对象检查元素,但不幸的是,一旦我在 ngOninit 中,即使它在那里也找不到元素。这里;是我的代码
有没有办法做到这一点?
如果我使用静态客户端渲染,那么 lighthouse 评估的性能非常糟糕(即使使用由 ng new app 生成的默认角度项目),这就是为什么我必须使用静态生成的页面。