我正在尝试创建一个 Vue 项目并使用 npm 包连接到 Retroachievements.org api 以获取一些数据，但出现错误。这是我从开始到结束创建项目和实现包的过程。
导航到我的项目文件夹并使用 vue cli 创建项目：vue create test。对于选项，我通常选择不包含 linter、vue 版本 2，并将所有内容放在 package.json 中。
cd 进入 /test 文件夹：cd test 并安装 Retroachievements npm 包：npm install --save raapijs
将 App.vue 修改为以下内容（对代码格式表示歉意，不确定为什么帖子没有正确格式化/着色......）：
const RaApi = require('raapijs');
导出默认值{ 名称：'应用程序'，
2
1137data: () => ({
api:null,
user: '',
apiKey: '',
}),
created() {
this.api = new RaApi(this.user, this.apiKey);
},
}
运行 `npm runserve' 并得到错误：
./node_modules/raapijs/index.js 2:14-30 中出现错误
找不到模块：错误：无法解析“C:\Projects\Web\test\node_modules\raapijs”中的“https”
我使用的是 Windows 10、Node 16.17.0、npm 8.15.0、vue 2.6.14、vue CLI 5.0.8、raapijs 0.1.2。
下面的第一个解决方案说他可以毫无错误地运行它，但它看起来与我正在尝试的代码完全相同。任何人都可以看到此错误的差异和原因吗？
编辑：我重写了这篇文章，以便更清楚地了解我的流程并提供更多信息，例如版本。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
这个解决方案适合我。我使用
npm install --save raapijs命令安装了 raapijs。然后在我的 Vue 版本 2 组件中我使用了您的代码，如下所示：const RaApi = require('raapijs'); export default { data: () => ({ api: null, user: '<USER_NAME>', apiKey: '<API_KEY>', }), created() { this.api = new RaApi(this.user, this.apiKey); }, };