Node.js Chessboardjs NPM包,不显示图像
我正在尝试使用流星1.13的软件包。我编写了简单的react组件来渲染电路板,但由于某些原因,它不渲染图像。组件代码:Node.js Chessboardjs NPM包,不显示图像,node.js,meteor,reactjs,npm,chessboard.js,Node.js,Meteor,Reactjs,Npm,Chessboard.js,我正在尝试使用流星1.13的软件包。我编写了简单的react组件来渲染电路板,但由于某些原因,它不渲染图像。组件代码: import React from 'react' import ChessBoard from 'chessboardjs' export default class GamePage extends React.Component { render() { return ( <div>
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');
}
}
从“React”导入React
从“chessboardjs”导入棋盘
导出默认类GamePage扩展React.Component{
render(){
返回(
)
}
componentDidMount(){
var board=棋盘(“棋盘”);
}
}
我看到这个包中的.css没有被使用,所以也许我也必须以某种方式导入它?所以chessboard.js的资产存储在静态的某个地方,对吗?有一个关于烧瓶的问题,你可能会有答案 我们的想法是修改
chessboard.js
库,其中它src
了棋盘的图像
记住,如果缓存不起作用,请清除缓存,因为浏览器将保留未编辑的库。它们应安装在“node_modules/chessboardjs/www/”中