问题标签 [liveview]

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 回答
47 浏览

webpack - phoenix-liveview 应用程序中带有 NPM 的 ModuleBuildError

背景

背景

我正在尝试运行 2021 年 2 月 Elixir Berlin 聚会中展示的演示应用程序 desktop-example-app:

我可以启动应用程序,但是当它打开时它会一直崩溃。

问题

虽然它不断出错,但我注意到以下错误:

我试过的

所以,为了解决这个问题,我做了:

  • cd assets
  • npm install --save --prefix assets mdn-polyfills url-search-params-polyfill formdata-polyfill child-replace-with-polyfill classlist-polyfill new-event-polyfill @webcomponents/template shim-keyboard-event-key core-js
  • npx browserslist@latest --update-db
  • cd ../
  • mix phx.digest

我正常运行它:./run

问题

我相信我已遵循每条指令,但我仍然无法让应用程序正常工作。我究竟做错了什么?

0 投票
1 回答
65 浏览

elixir - Phoenix Liveview 上的 JSON-LD 标签

我需要将一些 JSON-LD 内容放在脚本标签中。今天,我把内容是这样的:

page_live.ex

根.html.leex

Poison 库总是转换为字符串。我需要一个 JSON。

如何将 JSON 内容放入脚本标签中?

0 投票
0 回答
70 浏览

docker - Phoenix Liveview - 容器外的资产

我正在努力在 Phoenix 1.6 中使用 Liveview 制作 Docker 映像并使用发布进行部署。

mix phx.server一切正常运行,但使用 Dockerfile 未加载资产。图像和 css/js 文件不加载。

资产文件夹与所有文件一起复制,并在文件夹中mix assets.deploy编译资产priv

Docker 文件。我ESBuild用来编译资产。

0 投票
0 回答
27 浏览

javascript - 如何使用 htlm、js 和 nodejs 在另一个页面中显示画布活动?

我正在开发一个需要在另一个页面(canvas2.html)中呈现实时画布活动(canvas1.html)的应用程序。

例如:canvas1.html(包含实际的画布层)如果我单击此页面中的背景颜色按钮,那么背景颜色更改活动也应该发生在 canvas2.html 和 canvas1.html 中。

堆栈使用 -

前端:HTML、CSS 和 Js

服务器端:Nodejs

有人可以帮我完成这个工作流程吗?我坚持如何实现这个管道。

我附上了截图供你参考。在此处输入图像描述

在此处输入图像描述

您的建议将不胜感激,谢谢!