javascript - 添加 chart.js 时应用程序不再正确显示
问题描述
Rails 6
Bootstrap
webpacker
OS: Mac Catalina 10.15.4
我想通过我的 Rails 6 应用程序和 Webpacker 开始使用 chart.js。我做了以下事情:
yarn add chart.js
我将以下内容添加到我的 app/javascript/packs/application.js
require("chart.js")
当我重新启动应用程序时,用户界面全乱了。例如,徽标占据了页面的一半,并且应该显示表格的登录页面正在显示表格,但没有格式化。好像大多数(如果不是全部)页面/应用程序格式信息都消失了。
当我检查我所做的更改时,它显示以下文件已被修改(除了我对 app/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"
如果我恢复更改并重新启动应用程序,一切都很好。我想在我的应用程序中使用 chart.js。有任何想法吗?
解决方案
推荐阅读
- java - Eclipse 无法导入我的战争文件 (JAXB NoClassDefFoundError)
- ios - SF Pro 显示字体在 SwiftUI 视图中不起作用
- c - C定义中~的含义
- docker - 如何在 docker 容器内跟踪 MacOS 系统日志?
- python - 如何在python中的图形(字典)中找到所有派系?
- powerbi - 使用 Dax power Bi 将文本与第二行进行比较
- python - 在 Python 中读取数据框之前检查 json 文件的方向
- r - 错误:当我使用 gg4xh 库中的 facetted_pos_scales 时输入无效
- python - 如何使用 django GenericForeignKeys?
- npm - 我在终端中使用命令 npm install axios 安装 axios 时遇到问题。…但不安装…