问题标签 [codesandbox]

我使用 Vue.js 和 TailwindCSS 构建了一个小型笔记应用程序。为了发布它，我把它放在了codesandbox.io，但由于一些未知的原因，样式不适用。如果我使用 CDN 导入 TailwindCSS，它可以正常工作。其他配置与我的本地环境相同，它也可以按预期工作。

谢谢！:)

服务器/API：https://github.com/LambdaSchool/trinkets-api

模拟网站：https ://codesandbox.io/s/pt14-httpajax-ii-0176m?file=/src/components/Item.js

在代码中，它使用 axios 从我的机器上本地运行的服务器请求数据。它适用于谷歌浏览器，但不适用于 Safari ......为什么以及如何解决这个问题？

Safari 版本 13.1 (15609.1.20.111.8)

代码沙盒

参考视频

我正在尝试检索一个动态创建并传递给道具的值。

单击“添加卡片”并单击其中一张创建的卡片后，目标是将值（prop：randomNum）传递给变量（num1）。

在沙盒中，我能够获得同样是动态创建的 Id 的值。

以上代码来自嵌套的 /component/card.vue

以上代码来自主 /component/hand.vue

据我了解，在这种情况下，卡片评估为 this.id？

如何将 num1 设置为等于 cards.randomNum(payload 中的第二项) 与 selectedCard 评估为 cards(cards.id) 的方式相同

我已经尝试过“item.Array”的变体，并在 this.randomNum 上使用 $emit，就像它用于 $emit this.Id 一样，但它不起作用，我该如何正确地做到这一点？

我有一个反应组件，可以接受任意数量的文件，每个文件都有自己的语言。我希望能够有一个按钮，让用户可以根据需要添加任意数量的文件，每个文件都有自己的语言下拉菜单。我已经消除了文件上传，因为我隔离了我遇到的问题。

我已经创建了很多类似的组件，没有任何问题，但由于某种原因，我在这个组件上遇到了很大的麻烦。当我在下拉菜单中更改语言时，我控制台日志状态并看到语言已更新状态，但它没有在我的 map 方法中的 DOM 上更新。

这是我的代码

我还制作了一个代码框来重现该问题，但它实际上使事情变得更加复杂。当我在本地运行代码时，我可以很好地添加文件实例，但是 select 元素上的语言不会在任何实例的 DOM 上更新。在代码框中，除非我在编辑器中进行编辑，否则 DOM 上没有任何更新，然后一切都会按照我的预期进行更新，包括语言。在所有情况下，状态都完全按照我的预期进行控制台记录。沙箱中的组件与我在本地拥有的组件相同，尽管在本地它嵌入在另一个组件中。

https://codesandbox.io/s/ed4fx?file=/src/App.js:0-1248

如何在 Codesandbox 的控制台中显示代码行？

我在设置中搜索，但找不到任何东西。

我已经创建了一个组件，以在组件内部动态加载 Material UI Icons。图标名称来自组件道具。

您可以在此处查看源代码 => https://codesandbox.io/s/react-materialicon-component-olntq?file=/src/MaterialIcon.js

它工作得很好。我才发现现在不行了。

这就是组件的外观。另外，我建议查看我在上面分享的 Codesandbox 链接。

我制作https://codesandbox.io/s/laughing-golick-p4etx?file=/src/components/LinkBtn.js

如果我添加 material-ui 和 @svelte-material-ui/button 但它没有帮助。

codeandbox 依赖项需要添加什么？

我的项目应该将一个简单的 html 表格转换为 PDF。但是我在CodeSandbox上得到了这个错误：

这是app.component.html

app.component.ts

我有一个 html 表app.component.html文件。我在app.component.tsdownloadPDF()中有一个函数。我的目标是：加载 .ts 文件时，它的构造函数将调用函数，我可以从那里下载这个文件。downloadPDF

您可以在此处查看完整的项目和错误日志：https ://codesandbox.io/s/jolly-bhabha-3d3bh

我有一个使用 Vue-Cli 构建的应用程序，它在本地运行良好，但是，当我将代码从 Github 导入 Codesandbox 时，我收到以下错误：

我在这里得到弯曲的红线/错误：

有谁知道我需要做些什么来修复？

您可以在此处访问沙箱： https ://codesandbox.io/s/funny-greider-ri1w7?file=/src/components/PhotoDetail.vue

我正在练习对 condesanbox.io 安装的 jsx-control-statement 依赖项做出反应。当我添加任何控制语句时，它是未定义的。

如何在 codesandbox.io 中配置 jsx-control-statements。