开发者问题收集

我无法在 codepen 上使用 matter js

2021-01-26
473

CodePen matter js 错误

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

代码预览:

import * as Matter from:
"https://cdn.skypack.dev/[email protected]";
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:未定义不是对象(评估“Matter.engine.create”)

3个回答

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

在此处输入图像描述

Yalcin Kilic
2021-01-26

以下是如何从 Skypack.dev 正确导入它的方法

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

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

loop
2021-04-30

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

Kidas
2021-01-26