在ruby on rails项目中使用particle.js

Use particle.js within ruby on rails project

本文关键字:particle js 项目 ruby on rails      更新时间:2023-09-26


我想在rails应用程序中集成那个javascript插件。https://github.com/VincentGarreau/particles.js/

到目前为止我做了什么

application.js
  /* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
     particlesJS.load('particles-js', '/particle.json', function() {
        console.log('callback - particles.js config loaded');
     });

我把particles.js放在vendor/assets/javascript中,把particle.json(配置文件)放在app/assets/Jjavascript中。由于某些原因,particle.son没有正确加载。

错误消息:
错误:ActionController::RoutingError(没有与[GET]"/particle.json"匹配的路由)

编辑
我尝试在页脚部分中使用粒子。这行不通
相反,我把代码移到了一个普通的页面上,这很有效。但是我不知道为什么它有效!?

清单指令中是否引用了particles.js?例如,在application.js中,确保//= require particles//= require tree . 指向它

由于在项目的根/目录中查找JSON对象,您可能会遇到路由错误。由于您使用的是Rails资产管道,请将/particle.json更改为assets/particle.json:

     particlesJS.load('particles-js', 'assets/particle.json', function() {
        console.log('callback - particles.js config loaded');
     });