看不到Demo的运行结果的解决办法

本站的Demo运行基于Codesandbox,在国内访问速度较慢,甚至有可能无法打开,所以需要代理。

Note

本站点包含很多可实时运行的Demo,在PC端阅读将获得更好的体验!

本站能够有如此强大的在线 Demo 展示功能,要非常感谢Codesandbox团队提供的强大能力,这个团队毫无疑问是一个技术能力非常强大的团队,也是我未来一直会学习的目标。

回到正题,Codesanbox 提供了在线开发运行前端 App 的能力,和 JsBin/JsFidle 这些只是简单的脚本集成不同,Codesanbox 真的在你的浏览器运行了类似 create-react-app,vue-cli 等本身只能在你自己的电脑上运行程序,让你在浏览器就能够启动一些复杂的前端项目。因此他成为了一个最适合做现代前端代码分享的网站,并且他们还提供了一个工具包让我们可以在自己的项目中非常方便地运行一些 Demo,也就是你在这个网站看到的 Demo,比如:

export default function App() {
  return <div>Hello Codesandbox!</div>;
}

但是这毕竟是一个国外的网站,目前也没有主动在国内推广,虽然没有被完全屏蔽,但是也很难顺畅运行,所以你如果看不到运行效果,很可能就是因为网络问题。

那么怎么解决呢?挂个代理就行了。而且作为前端开发者,代理基本上是必要的,建议你以后搜索资料都用 Google,不然看到的资料很可能是过时的或者不正确的,会让你走很多歪路。

如果你还没有自己的代理方案,你可以考虑选择我正在使用的,点击以下链接进行购买,选择 35 一个月的就够了,我基本用不完,一次买一年还有优惠。

代理地址,使用我的 ID147109还能获得优惠。

Follow Me

Jokcy的二维码