问题标签 [codesandbox]

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 投票
2 回答
278 浏览

javascript - codeandbox.io 无法指向除“index.html”之外的任何内容

尝试在 上设置 vanilla JS codesandbox.io,当我更改index文件名时,应用程序根本看不到 HTML 并引发错误。我必须在这里遗漏一些东西,为什么我不能更改名称?在此处的链接中,我对此问题进行了非常基本的复制。

0 投票
2 回答
1171 浏览

javascript - 对未定义的代码和框“格式”做出反应 js dateFns 问题

错误:

代码错误:

关联

代码:

你能给我一些建议吗?

0 投票
1 回答
1822 浏览

reactjs - 运行测试时出错 - jest.mock 不是函数

我正在尝试使用 Jest 运行测试,但是出现此错误:

jest.mock 不是函数

我究竟做错了什么?这是我的 CodeSandbox:https ://codesandbox.io/s/polling-hook-demo-9yo8c

请注意,我在 package.json 中配置 Jest:

setupTestsAfterEnv.ts 使用 jest-dom 扩展了 Jest 期望:

我也在使用反应测试库。

更新

这似乎是我的 CodeSandbox 配置的问题。我在本地用 create-react-app 尝试了同样的事情,问题就消失了!

这是我的 Github 存储库,其中 Jest 运行得非常好:https ://github.com/nareshbhatia/hooked-on-polling 。

然后我在一个新的 CodeSandbox 中导入了这个 repo:https ://codesandbox.io/s/hooked-on-polling-2em7g 。当我在这个沙箱中运行测试时,我再次得到同样的错误:jest.mock is not a function

0 投票
1 回答
672 浏览

javascript - React js tsx codesandbox问题 抛出了跨域错误,lodash.isequal

我正在尝试一个模块的以下代码,但它给我带来了以下问题:

问题:

引发了跨域错误。React 无法访问开发中的实际错误对象。有关更多信息,请参阅 .../react-crossorigin-error。

问题:

模块“/sandbox/node_modules/@types/lodash.isequal/index”这个模块只能通过打开'esModuleInterop'标志并引用它的默认export.ts(2497)来引用ECMAScript导入/导出

链接:Codesandbox

代码:

0 投票
1 回答
766 浏览

reactjs - 使用 `@emotion/core` 和最新版本的 React 时,CodeSandbox 中的“React.createContext 不是函数”

我正在使用@emotion/core. 它可以在我的机器上运行,但是当我尝试在代码和框中使用它时,我得到了错误:

React.createContext 不是函数

通过更新 react 的版本来解决有关此错误的其他帖子。但是代码沙箱使用的是最新版本。

这是我的沙箱:https ://codesandbox.io/s/emotion-mp0zc 这是我的代码:

0 投票
1 回答
144 浏览

svelte - 如何使用 svelte 模板将标题添加到在代码沙箱中创建的沙箱

我使用 svelte 客户端模板在代码和框中创建了一个 svelte 项目。当我在自己的窗口中打开沙盒的输出时,标题是“沙盒 - CodeSandbox”。

默认模板使用汇总,但是它在 sandbox.config.json 文件的顶部说它不会在沙箱中影响它,这似乎是正确的。也没有现有的 index.html 文件来编辑它。

https://codesandbox.io/s/transformer-svelte-ghtyd?fontsize=14&module=%2FApp.svelte

0 投票
2 回答
52 浏览

javascript - 根据所选选项动态使用不同的数据对象

我有一个包含 2 个数组的数据对象(团队名称列表)

根据我选择的值(Liga 或 Premier),我得到我的球队名单。

这些团队有两个不同的数据得分结果scoresligascorespremier

我的问题是我必须找到一种方法,当我选择“Liga”时,我必须消耗该scoresliga对象,如果我选择“Premier”,我必须消耗scorespremier

这也将解决我在计算目前不是一般功能的团队的平均值时遇到的问题。

这是使用scoresliga数据对象的函数片段,但它需要是 Ligas(Premier 和 Liga)的共享函数。

我已经复制了我的案例,看看这里

0 投票
1 回答
224 浏览

javascript - 如何修复 svg iconmoon 在代码和框上不起作用

我目前正在尝试在代码沙盒上的反应小项目中使用带有“使用”标签的 iconmoon 图标。不幸的是,您不会在屏幕上看到任何图标。下面,出现问题的链接,第 45 行。

https://codesandbox.io/s/new-otrs7

我已经尝试将 svg 放在公用文件夹上,并使用 head 内的链接标签来引用它。还是不行。

我想让反应图标出现。

先感谢您!

0 投票
0 回答
293 浏览

vue.js - 将站点部署为从代码沙箱进行网络化时出现未知错误

当尝试将我的投资组合从 CodeSandbox 部署到 netlify 时,它向我显示一个错误:
部署您的站点时发生未知错误


有问题的沙箱是:https ://codesandbox.io/embed/mycoal-t90x3

此外,在观察控制台时,会显示以下内容:
Access to XMLHttpRequest at ' https://netlify.deploy.codesandbox.io/site/t90x3/deploys?siteId=5915a846-8947-4bbd-9a6a-ec0765deea4e&dist=dist&buildCommand=build ' from origin ' https://codesandbox.io ' 已被 CORS 策略阻止:请求的资源上不存在“Access-Control-Allow-Origin”标头。

我为客户制作了另一个网站,我能够成功部署该网站,没有出现类似标记的问题。
https://codesandbox.io/s/sorbet10-e8k0s
我在部署它时没有任何问题。

我希望网站部署没有问题,并审查了依赖关系以确保工作版本和它们之间没有伴随的问题,但仍然没有运气。

0 投票
2 回答
298 浏览

javascript - Codesandbox,io 是否从 REACT 应用程序中删除公共目录以及为什么没有它它可以工作?

我一直在使用 codesandbox.io 并从 codesandbox 做出反应和更新 github。今天我试图将它本地拉到我的机器上(并安装它)并在它上面工作并实现了两件事。

  1. 它没有用
  2. codeandbox 和 github 中没有公共目录,因此没有 index.html,但该应用程序可以在 codesandbox 中运行。

所以我有 2 个问题 1.codesandbox.io 是删除公共目录还是我删除了?2. 如果是我,为什么我的应用还在codesandbox.io 中运行

我的 Codesandbox 在这里 https://codesandbox.io/s/wiki-mogpb?fontsize=14&hidenavigation=1&theme=dark