如何在 Rails 6 和 webpacker 中使用 morris.js?

Posted

技术标签:

【中文标题】如何在 Rails 6 和 webpacker 中使用 morris.js?【英文标题】:How do I use morris.js with Rails 6 and webpacker? 【发布时间】:2021-02-05 23:26:50 【问题描述】:

我不是 Rails 新手,但我是 Rails 6 和 webpacker 的新手。 我正在尝试将 morris.js(和 raphael.js)集成到我的应用程序中。 我已经完成了:

 yarn add raphael
 yarn add morris

在 app/views/layouts/application.html.erb 中

<%= javascript_pack_tag 'raphael' %>
<%= javascript_pack_tag 'morris' %>

这是我的错误:

Webpacker 在 /Users/jarvis/rails/stuper/public/packs/manifest.json 中找不到 raphael。可能的原因:

    您想为您的环境将 compile 的 webpacker.yml 值设置为 true 除非你使用 webpack -w 或 webpack-dev-server。 webpack 尚未重新运行以反映更新。 您错误配置了 Webpacker 的 config/webpacker.yml 文件。 您的 webpack 配置未创建清单。 您的清单包含:

【问题讨论】:

【参考方案1】:

让它工作

rm -rf node_modules
yarn install

然后我简单地添加了 morris-rails 和 raphael-rails gems

【讨论】:

以上是关于如何在 Rails 6 和 webpacker 中使用 morris.js?的主要内容,如果未能解决你的问题,请参考以下文章

你如何让 JQuery 与 Rails 6 和 Webpacker 6 一起工作

如何在 Rails 6 和 Webpacker(以及引导程序和 SASS/SCSS)中安装自定义字体

Rails 5/6:如何在 webpacker 中包含 JS 函数?

如何通过 Webpacker 使用 Rails 6.1 安装 Alpine JS 3

Rails 6:如何通过 webpacker 添加 jquery-ui?

如何将 Rails 6 中的 JqTree 与 webpacker 集成,树不是函数