无法让 npm simplex-noise 包导入在 JS 项目中工作

Question

我无法让这个包正常工作。我已经制作了一个基本的 P5JS 项目，但无法在我的 JS 文件中导入工作。

这是我的 JS 文件，它在浏览器中工作正常，直到我在顶部添加导入行。

import { createNoise2D } from "simplex-noise";

function setup() {
createCanvas(400, 400);
noLoop();
}

function draw() {
background(220);
}

我通过将

"type" : "module",

行添加到 package.json 并将

type="module"

添加到 JS 文件的 html 脚本标记来修复初始错误。这是我留下的错误

无法解析模块说明符“单纯形噪声”。相对引用必须以“/”、“./”或“../”开头。

有什么想法吗？我完全迷失了

Answer 1

我不确定您在哪里运行代码，但这里有一个快速浏览器草图可以帮助您移动。

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.6.0/p5.js"></script>
<script type="module">
import {createNoise2D} from "https://unpkg.com/[email protected]/dist/esm/simplex-noise.js";

new p5(p => {
  let noise2d;

  p.setup = () => {
    noise2d = createNoise2D();
    p.frameRate(2);
  };

  p.draw = () => {
    p.print(noise2d(p.frameCount, p.frameCount));
  };
});

</script>

节点方法有点取决于您所拥有的构建设置，但也应该是可能的。