Приложение больше не отображается правильно при добавлении диаграммы. js - PullRequest
Новая
       62

Приложение больше не отображается правильно при добавлении диаграммы. js

1 голос
/ 01 мая 2020 
Rails 6
Bootstrap
webpacker
OS: Mac Catalina 10.15.4

Я хочу начать использовать диаграмму. js, с моим приложением Rails 6 и Webpacker. Я сделал следующее: 

yarn add chart.js

и добавил следующее в свое приложение / javascript / packs / application. js

require("chart.js")

Когда я перезапустил приложение, пользовательский интерфейс был все перепутано. Например, lo go занимал половину страницы, а целевая страница, которая должна отображать таблицу, отображала таблицу, но она не отформатирована. Как будто большая часть, если не вся, информация о форматировании страницы / приложения исчезла.

Когда я проверил, что я изменил, это показывает, что были изменены следующие файлы (в дополнение к ручной модификации, которую я сделал для приложения /javascript/packs/application.js):

package.json, the following was added to the dependencies section:

"chart.js": "^2.9.3"

и файл: yarn.lock, было добавлено следующее: 

chart.js@^2.9.3:
  version "2.9.3"
  resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-2.9.3.tgz#ae3884114dafd381bc600f5b35a189138aac1ef7"
  integrity sha512-+2jlOobSk52c1VU6fzkh3UwqHMdSlgH1xFv9FKMqHiNCpXsGPQa/+81AFa+i3jZ253Mq9aAycPwDjnn1XbRNNw==
  dependencies:
    chartjs-color "^2.1.0"
    moment "^2.10.2"

chartjs-color-string@^0.6.0:
  version "0.6.0"
  resolved "https://registry.yarnpkg.com/chartjs-color-string/-/chartjs-color-string-0.6.0.tgz#1df096621c0e70720a64f4135ea171d051402f71"
  integrity sha512-TIB5OKn1hPJvO7JcteW4WY/63v6KwEdt6udfnDE9iCAZgy+V4SrbSxoIbTw/xkUIapjEI4ExGtD0+6D3KyFd7A==
  dependencies:
    color-name "^1.0.0"

chartjs-color@^2.1.0:
  version "2.4.1"
  resolved "https://registry.yarnpkg.com/chartjs-color/-/chartjs-color-2.4.1.tgz#6118bba202fe1ea79dd7f7c0f9da93467296c3b0"
  integrity sha512-haqOg1+Yebys/Ts/9bLo/BqUcONQOdr/hoEr2LLTRl6C5LXctUdHxsCYfvQVg5JIxITrfCNUDr4ntqmQk9+/0w==
  dependencies:
    chartjs-color-string "^0.6.0"
    color-convert "^1.9.3"

Если я отменю изменения, и перезапустите приложение, все нормально. Я хотел бы использовать диаграмму. js в моем приложении. Есть идеи?

...