我正在尝试对流星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
板的图像。
请记住,如果缓存不起作用,请清除它,因为浏览器将保留未编辑的库。