Chessboardjs NPM 包，不显示图像

Question

我正在尝试将 https://www.npmjs.com/package/chessboardjs 包与流星 1.13 一起使用。我编写了简单的反应组件来渲染板，但由于某种原因它不渲染图像。组件代码：

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 是板的图像。

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