我不能在 codepen 上使用 matter js

Question

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

错误：
TypeError: undefined 不是一个对象（评估 'Matter.engine.create'）

Answer 1

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

Answer 2

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

Answer 3

这是从 Skypack.dev

中正确导入的方法

import { default as Matter } from 'https://cdn.skypack.dev/matter-js@^0.17.1';

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

我不能在 codepen 上使用 matter js

I cant use matter js on codepen

javascript

codepen

matter.js

CodePen事情js错误