node.js - Chessboardjs NPM包，不显示图像

Question

我正在尝试使用https://www.npmjs.com/package/chessboardjs包含 meteor 1.13 的软件包。我编写了简单的 react 组件来渲染板，但由于某种原因它不渲染图像。组件代码:

import React from 'react'
import ChessBoard from 'chessboardjs'

export default class GamePage extends React.Component {
    render() {
        return (
            <div>
                <div id="chessboard" style={{"width": "400px"}}></div>
            </div>
        )
    }

    componentDidMount() {
        var board = ChessBoard('chessboard');
    }
}

我发现该包中的 .css 没有被使用，所以也许我也必须以某种方式导入它？

Answer 1

所以 chessboard.js 的资源存储在静态的某个地方，对吧？有一个关于 Flask 的问题可能有您的答案，

Integrate chessbord.js with Flask

这个想法是修改 chessboard.js 库，其中 src 棋盘的图像。

如果缓存不起作用，请记住清除缓存，因为浏览器将保留未编辑的库。