微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我不能在 codepen 上使用 js

如何解决我不能在 codepen 上使用 js

CodePen 问题 js 错误

您好,我正在尝试在 codepen 上使用 Matter JS,我首先收到了未定义变量 Matter 的错误,我已经解决了这个问题,但又出现了另一个错误

代码预览:

import * as Matter from:
"https://cdn.skypack.dev/matter-js@0.16.0";
let engine = Matter.engine.create();
let render = Matter.render.create({
  element: document.body,engine:engine
});
// and some more code...

预览: https://codepen.io/Eslare/pen/NWRQXpx

错误
类型错误:未定义不是对象(评估“Matter.engine.create”)

解决方法

不要在你的 JS 部分导入它,只需转到设置并将其添加为外部脚本即可。

enter image description here

,

这里是你笔的修改版:https://codepen.io/sessaidi/pen/abmeEbV,你需要添加一个外部资源:https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.14.2/matter.min.js

,

这是从 Skypack.dev

正确导入它的方法
import { default as Matter } from 'https://cdn.skypack.dev/matter-js@^0.17.1';

https://codepen.io/codepen0980/pen/YzNoxvd?editors=0010

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。