问题标签 [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.
angular - 当 Scully 已经预渲染内容时,如何防止 Angular 在运行时加载内容?
我有一项服务可以从我的 Angular 应用程序中的无头 CMS Cockpit 中获取数据。我正在使用 Scully 来预渲染我的页面。它在进行预渲染时效果很好,它获取内容构建时间并创建一个静态页面,但是当打开页面时,Angular 会再次加载该数据,尽管它应该来自某种 scully 上下文。
angular - 如何让 scully.io 在 github 页面上工作?
我正在尝试将 scully 添加到托管在 github 页面上的投资组合中。当我在浏览器中禁用 javascript 时,一切都停止工作(网站根本没有呈现)。Github 要求所有可部署文件都在 /docs 文件夹中,我已将所有 scully 文件放在那里。你可以在这里找到回购结构:https ://github.com/jakub-wisniowski/portfolio
和这里的网站:https ://jakub-wisniowski.github.io/portfolio/
任何想法如何解决它?
angular - 在 Angular 中导入模块并从 Scully 获取错误
我尝试在我的 Angular 项目中使用 Scully。在 Angular 中,我有一些模块,我必须导入才能使用。但是当我尝试和 Scully 一起奔跑时
它显示此错误
属于多个模块:
有人可以请我如何解决这个错误吗?
更新
这是 ng build 的输出
用 ng build --prod 更新
这是 ng build --prod 的输出
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 组件?
angular - 使用 angular-cli-ghpages 部署 Scully 静态文件夹?
Scully将项目生成到project/dist/static
.
我们如何部署它而不是project/dist/project-name
使用angular-cli-ghpages?
angular - 告诉 Scully 忽略路由的静态页面生成?
假设我们定义了以下路由:
有一种方法可以告诉 Scully 跳过生成start
路由的静态页面吗?
javascript - 在 Scully 中使用 Web 组件?
我构建了一个应用程序加载动态内容并通过 Scully 呈现它。内容中有这样的 Web 组件:
我猜 Scully 试图寻找与标签匹配的 Angular 组件,但fs-image
由于找不到,它只是fs-image
从生成的内容中删除了该元素。
我们如何告诉 Scully 这fs-image
是一个 Web 组件?
要在 Angular 中使用自定义元素,我们需要添加一个自定义模式:
所以我添加了这一点,但内容fs-image
Web 组件仍然从 Scully 生成的内容中剥离。
创建 Scully 问题
angular - 基本角度
我正在尝试让 scullyio 开发一个真正的基本 ng 新版本。开箱即用的骨架。步骤如下——
安装了@angular/cli。
Ran ng new scully
Ran ng build --prod
Ran npm run scully
但不断得到:
这是我几乎所有东西的版本——我很早就用@PWA 尝试过,但这并没有带来任何运气,所以我重新开始。
提前致谢,
亲切的问候,
布雷塔
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。