在 vue 应用程序中导入 chessboard.js 的问题答案

【问题标题】：Problem in importing chessboard.js in vue application在 vue 应用程序中导入 chessboard.js 的问题
【发布时间】：2020-12-30 10:34:27
【问题描述】：

我正在尝试在我的 jetstream-vue 应用程序中导入 chessboard.js。创建项目后，我运行 npm install @chrisoakman/chessboardjs 它在我的 node_modules 文件夹中。但是当我在 app.js 上尝试 import Chessboard from '@chrisoakman/chessboardjs' 时，它显示错误为

ERROR in ./resources/js/app.js
Module not found: Error: Can't resolve '@chrisoakman/chessboardjs' in '/home/user/project-chess/resources/js'
 @ ./resources/js/app.js 9:0-51
 @ multi ./resources/js/app.js ./resources/css/app.css

我是否应该尝试将其导入或导入到与 app.js 不同的文件中。

【问题讨论】：

标签： javascript vue.js npm chessboard.js

【解决方案1】：

@chrisoakman/chessboardjs 无法导入，因为它不导出任何内容。

看代码，最后是这样写的：

  // TODO: do module exports here

【讨论】：

哦，刚刚检查过了。所以，我现在必须编写导出代码。或者有没有其他方法可以在不导入的情况下使用模块功能。
也许你可以在这里学到一些东西：npmjs.com/package/ng2-chessboard