Chessboardjs NPM包,不显示图像

时间:2016-03-13 16:01:47

标签: node.js meteor reactjs npm chessboard.js

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

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没有被使用,所以也许我必须以某种方式导入它?

1 个答案:

答案 0 :(得分:1)

所以chessboard.js的资产存放在静态的某个地方,对吧?那里有一个关于Flask可能有你答案的问题,

Integrate chessbord.js with Flask

我们的想法是修改chessboard.js库,其中src是电路板的图像。

如果浏览器无法使用,请务必清除缓存,因为浏览器会保留未编辑的库。