2016-03-13 3 views
1

Я пытаюсь использовать пакет https://www.npmjs.com/package/chessboardjs с метеор 1.13. Я написал простой компонент реакции для рендеринга платы, но по какой-то причине он не отображает изображения. Код compoent:Шахматная доска NPM, не отображающая изображения

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

Итак, активы для шахматной доски хранятся где-то в статике, не так ли? Там есть вопрос там о Flask, которые могли бы иметь свой ответ,

Integrate chessbord.js with Flask

Идея заключается в том, чтобы изменить chessboard.js библиотеку, где она src изображения для доски.

Не забудьте очистить кеш, если он не работает, так как браузер будет удерживаться в неотредактированной библиотеке.

+2

Они должны быть установлены «node_modules/chessboardjs/www /» https://github.com/oakmac/chessboardjs/tree/master/www –

 Смежные вопросы

  • Нет связанных вопросов^_^