CodeSandbox导出的代码为何运行不起来

就像你自己看到的那样,文件中写的javascript并不是浏览器能够理解的东西,所以错误被扔给了你。要发送浏览器能理解的js,你需要使用webpack、parcel这样的工具,在你分享的项目中已经使用了parcel。你必须做以下工作。安装project的dependecies 在项目的根目录下运行 npm run start parcel将捆绑文件,然后...
CodeSandbox导出的代码为何运行不起来
可能是编译器没有弄好。codeblocks仅仅是一个IDE,可以理解成功能丰富一点的打字编辑器。主要用来编辑输入代码。仅有打字的部分是不能编译代码的。setting 菜单 , 选择compiler and debugger ,选择 Toolchain executable,看看编译器路径设置对不对,一般我们只是使用,不会对它的源代码做修改,因此选择release版本之后可以看到针对各种操作系统的版本,一般大家用的是Windows版本,这里注意要选择后两个版本,第一个版本是不带编译器的,盲目选择第一个版本产生的后果后面再讲。下载后直接双击安装就好了,注意安装界面中出现编译器选项,说明这个版本是自带编译器的如果下载的是前面一步中的第一种,就是这样的安装界面,注意到它是不带编译器的,因此安装好后可能无法编译(除非你电脑上本来有编译器可以供CodeBlock使用)下一步安装目录我没有选默认,而是自己改了目录,这样可能导致安装完后仍无法编译,但修改一下设置就可以解决了安装完后首先到安装目录下看有没有装上编译器,如果没有这个文件夹你可能是安装的不带编译器的版本。有上一步的这个文件夹但是仍然无法编译代码的话,是由于我们前面安装时更改了安装目录,而程序去默认的目录下(C盘)去找这个文件夹没找到就导致无法编译。解决方法很简单,打开软件,选择setting->Compiler在编译器设置页面手动浏览找到MinGW文件夹,或选择autodetect,就可以完成编译器的设置,可以顺便将GNU GCC 设为默认编译器编译成功的效果如下,如果不能编译则log栏为空,还会弹出提示栏。2022-04-13
就像你自己看到的那样,文件中写的javascript并不是浏览器能够理解的东西,所以错误被扔给了你。
要发送浏览器能理解的js,你需要使用webpack、parcel这样的工具,在你分享的项目中已经使用了parcel。
你必须做以下工作。
安装project的dependecies
在项目的根目录下运行 npm run start
parcel将捆绑文件,然后打开一个带有结果的html页面。
不幸的是,当我尝试这个包裹没有为我工作,有错误相关的JSON加载,但是我已经设法让游戏工作,通过运行 npm run build这将为你输出一个名为 dist 的文件夹中的构建文件。
转到dist文件夹,然后在那里启动一个本地服务器并访问该文件,它应该可以工作,但是对我来说,它再次没有工作。但我注意到,它是由于parcel没有得到正确的捆绑js文件的相对路径。
要解决这个问题,打开dist文件夹中的index.html文件,你会发现那里有一个脚本
2022-04-07
mengvlog 阅读 39 次 更新于 2025-09-11 12:54:34 我来答关注问题0
  •  翡希信息咨询 JavaScript线上沙箱环境——codesandbox.io

    综上所述,codesandbox.io是一个功能强大且易于使用的JavaScript线上沙箱环境。它提供了完备的IDE功能、快速的项目创建方式、方便的分享与协同编辑功能以及丰富的项目管理和导出选项。无论是快速构建临时的web app、保存代码片段还是分享代码讨论技术问题,codesandbox.io都是一个非常理想的选择。

  •  文暄生活科普 JavaScript线上沙箱环境——codesandbox.io

    在一次笔记本故障的无奈情境下,利用codesandbox在备用笔记本上快速开发无关主业务的代码,避免了从头搭建开发环境的繁琐过程。从codesandbox导出的代码集成至公司项目,不仅节省了时间,也保证了项目进度。总结,codesandbox.io为JavaScript开发者提供了一个功能全面、使用便捷的线上沙箱环境。无论是日常开发、项目...

  •  文暄生活科普 CodeSandbox——前端云编码初体验

    CodeSandbox 是一个免费且易用的前端云开发环境,它支持主流前端框架和编程语言,提供了快速分享与协作的功能。使用 CodeSandbox,你可以轻松地在云端进行前端开发,并将项目分享给他人进行远程协作和结对编程。无论你是技术爱好者、开发者还是团队成员,CodeSandbox 都将是你进行前端开发的得力助手。(图片展示...

  •  阿暄生活 妙言 - mac 平台下轻量灵活、免费开源的高颜值 markdown 编辑器

    图床功能:妙言支持配置uPic、PicGo、Picsee等图床,用户可以通过拖拽、复制等方式自动上传图片并替换地址。易用的TodoList:妙言支持使用[]、[x]等方式方便地编写TodoList,同时可以在预览界面修改状态。导出功能:妙言支持导出pdf和图片,用户可以选择文档后右键导出规整的pdf和图片。内联文档:妙言支持使用[[...

  •  文暄生活科普 微前端学习笔记(3):前端沙箱之JavaScript的sandbox(沙盒/沙箱)

    沙盒是一种隔离机制,允许程序在独立环境中运行,避免对外界程序造成影响,保障系统安全。在开发中,沙盒环境通常用于服务器中通过Docker创建容器,或在 Codesandbox中运行代码示例,以及在程序中执行动态脚本。微前端框架主要负责两个工作:一是实现JS沙盒,二是将沙盒内的执行结果输出为WebComponents,插入到...

檬味博客在线解答立即免费咨询

代码相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部