我正在尝试对流星1.13使用https://www.npmjs.com/package/chessboardjs包。我编写了简单的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没有被使用,所以也许我也必须以某种方式导入它?

最佳答案

因此,chessboard.js的资产存储在静态的某个地方,对吗?关于Flask的问题可能有您的答案,

Integrate chessbord.js with Flask

想法是修改chessboard.js库,在该库中src板的图像。

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

10-06 11:44