使用带有导入的 JavaScript NPM 包

Question

我正在使用 kahoot-api NPM 模块（GitHub、NPM），它需要使用 JavaScript 导入。 （编辑，这是一个 Node.js 包。我在写这篇文章的时候还不知道 JS 和 Node.js 之间的区别，这就是创建这个问题的原因）。

文档说要使用以下 JavaScript 导入脚本来导入 Session 和 Adapters：

import { Session, Adapters } from 'kahoot-api';

这会引发一个错误，提示我需要使用相对引用。

无法解析模块说明符“kahoot-api”。相对引用必须以“/”、“./”或“../”开头。

我的文件和文件夹的结构如下：

• index.php
• node_modules
  • @omegaboot
    • kahoot-api

kahoot-api 的所有 NPM 文件都在 kahoot-api 文件夹中。

我已修改我的 JavaScript 代码以使用相对引用，如下所示。

import { Session, Adapters } from './node_modules/@omegaboot/kahoot-api/';

没有抛出错误，但是两个导入的语句Session 和Adapters 不可用，并且仍然未定义。

import { Session, Adapters } from './node_modules/@omegaboot/kahoot-api/';

const session = new Session('000000');
session.openSocket() //Connect
  .then(socket => {
    const player = new Adapters.Player(socket); //Create player class
    player.join('test') //Join with name
      .then(() => {
         console.log('Success!');
      });
  });

kahoot-api 文件夹中有多个 JavaScript 文件，我尝试在 JavaScript 导入中包含每个 JavaScript 文件，但无济于事。

另外，我根据需要使用index.php 中的代码和<script> 标记和属性type="module"，否则会引发以下错误：

不能在模块外使用 import 语句

Answer 1

看起来该文档是错误的，因为它基于旧包。

你应该像这样安装它：

yarn add @omegaboot/kahoot-api

或

npm i @omegaboot/kahoot-api

如果你有 webpack（我看到你在 php 中使用它）然后使用 import

import { Session, Adapters } from '@omegaboot/kahoot-api';

否则使用要求

const { Session, Adapters } = require("@omegaboot/kahoot-api")

Answer 2

当我尝试模块 @omegaboot/kahoot-api 时，这对我有用。

由于 nodejs 不支持 import 语句，如果你不使用任何捆绑器，则必须使用 require 方法。

const {
  Session,
  Adapters
} = require('@omegaboot/kahoot-api');

const session = new Session('000000');
session.openSocket() //Connect
  .then(socket => {
    const player = new Adapters.Player(socket); //Create player class
    player.join('test') //Join with name
      .then(() => {
        console.log('Success!');
      });
  });

Answer 3

idiidk here（包的作者）

包@omegaboot/kahoot-api 不是人们应该使用的版本。这个包使用了一些硬编码的默认值，以便更容易地与我们为 omegaboot.com 的构建过程集成。

“正常”的 kahoot-api 包 https://www.npmjs.com/package/kahoot-api 将被第三方使用，尽管它还没有更新。如果有任何问题，请在 github 页面上打开一个问题，我一定会看看。