问题标签 [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 回答
1889 浏览

javascript - 如何处理错误 - Codesandbox 的 React 应用程序中的“无法获取”

我正在Component为我的瑜伽App建立一个自定义活动日历codesandbox。实际上我打算在我的 . 上做IDE,但想法开始很快就开始了,我最终使用了它。

我试图从使用中获取widthand然后尝试访问暗淡,就像这个解决方案一样。height<div/>ref={(el) => this.props.testing((this.container = el))componentDidMount()

突然我开始收到以下错误codesandbox

在控制台上:

我尝试检查我的网络和其他东西,但我不知道如何标准化。

我需要对此进行规范化,或者至少能够确保我可以安全地将我的文件复制/提交到 github,然后在我的 IDE 上使用它。

这是我的沙盒

0 投票
1 回答
421 浏览

reactjs - 是否可以从代码沙箱本身构建一个反应应用程序?

npm run build是否可以通过在代码沙盒本身上运行来创建使用代码沙盒模板创建的反应应用程序的构建?

简而言之,是否可以在代码沙箱上运行 npm 脚本

如果是,如何?

0 投票
3 回答
535 浏览

javascript - 如何在代码和框中禁用对 SVG 导入的特殊处理?

我用 create-react-app 创建了一个简单的应用程序。这会为 svg 文件配置 webpack 加载器以复制文件并将公共文件放入常量中。所以下面的代码

打印/static/media/my.svg。没关系。

但是当在代码和框中编辑/运行同一个项目时,它会尝试读取 svg 文件(例如,如果 ReactComponent 不是正确的 svg,则打印有关 ReactComponent 的错误),并使处理方式有所不同。显然,我可以改用“公共”文件夹,但我想使用生产构建等的哈希功能。

所以我的问题是,我怎样才能允许使用相同的机制在代码和框中获取解析 url 路径(例如对 img src 有效)并使用默认的 create-react-app 配置?

0 投票
1 回答
91 浏览

vue.js - 带有 vuetify 的 vue-cli 在代码和框中出现故障

在我的计算机上完美运行的同一个项目在代码和框中给了我警告。为什么会发生这种情况?

代码框:

https://codesandbox.io/s/github/Tauromachian/vue-select-list

github

https://github.com/Tauromachian/vue-select-list

0 投票
1 回答
290 浏览

vue.js - 代码框中的 Vue .env 变量

如何在 Codesandbox 中使用 .env 变量?现在我在使用带有 process.env 的 .env 文件时出现此错误:未定义“进程”-eslint

我尝试在 .eslintrc 文件中将 process 声明为 true:https ://eslint.org/docs/user-guide/configuring

这是我的代码: https ://codesandbox.io/s/vue-env-qi70n

0 投票
0 回答
202 浏览

javascript - 无法在 CodeSandbox 中导入模块

这种情况最近在我身上发生过多次。如果我尝试在代码和框中导入一个模块,即使它出现在依赖项列表中,我仍然在导入行看到一个错误:

等等等等。为什么会这样?是codeandbox还不支持这些吗?

链接:https ://codesandbox.io/s/xenodochial-shape-q2kz0?file=/login.ts

0 投票
4 回答
3880 浏览

github - 无法在只读编辑器 Codesandbox 中编辑

我正在尝试通过导入 github 存储库来使用 codesandbox。我无法编辑package.json文件的内容。它说cannot edit in ready only editor。如何解决这个错误?

0 投票
1 回答
2983 浏览

npm-scripts - 有没有办法在 codesandbox.io 中使用 npm 脚本?

我正在尝试在代码沙箱中运行json-servernpm。我创建了一个 vanilla 项目并向package.json. 我必须使用json-server --watch db.json.

有没有在代码沙箱中运行脚本的方法?

0 投票
1 回答
517 浏览

javascript - 它在 CodeSandbox 中不起作用,但在 Visual Studio 代码中运行。为什么?

这是我正在使用的代码。

JS

它在 CodeSandbox 中不起作用,但在 vscode 中却可以,为什么?

我不知道为什么....我几乎尝试了所有方法,但是这段代码在代码框中不起作用

0 投票
1 回答
2235 浏览

html - CodeSandbox.io标签未加载图像

我一直在尝试使用<img> tagon添加图像CodeSandbox.io。但是,每次我尝试添加它时,它都不会显示,只是默认为alt标签(Displays Mountain)。

我正在尝试将图像加载到与包含此 JS 文件的文件相同的文件夹中。

下面是生成 HTML 的代码

有人可以告诉我如何让图像加载。