The path is not recognized when using importmap

[brunoprietog]

Hello!

Using Rails 7 and importmap, I added this gem and ran the installation steps.

However, it only adds the @rails/request.js import in application.js, without adding it to importmap.rb.

I tried to add it manually using any of these options:

pin '@rails/request.js', to: 'rails-requestjs'
pin '@rails/request.js', to: 'request.js'

And I get the following, as appropriate:

Importmap skipped missing path: rails-requestjs
Importmap skipped missing path: request.js

Then, I executed:

bin/importmap pin @rails/request.js

And I got the same result, even though the URL is associated in importmap.rb.

I removed the gem and everything was solved. Now I am using the CDN.

What could be happening?

Something extra I didn't mention is that I'm using propshaft, will it affect anything?

Thanks!

[xirukitepe]

I'm having almost the same issue. But, mine wasn't working on production environment.

I'm getting:

Uncaught TypeError: Failed to resolve module specifier "@rails/request.js". Relative references must start with either "/", "./", or "../".

It works on development environment though. I'm using CDN too atm.

[ellesgaard]

I'm having almost the same issue. But, mine wasn't working on production environment.

I'm getting:

Uncaught TypeError: Failed to resolve module specifier "@rails/request.js". Relative references must start with either "/", "./", or "../".

It works on development environment though. I'm using CDN too atm.

I have the same issue in production

[GGrassiant]

Same issue on my end.
Works perfectly on my machine but deployment to Heroku failed.

I documented the issue here:
https://discuss.hotwired.dev/t/importmap-error-rails-request-js-in-production-heroku-disables-turbolinks/3717/3

[marcelolx]

I'm gonna take a look into this as soon as I have some free time.

[jantunes]

This issue is the js file is not being placed in the correct path to be served in rails7. I would just remove the gem entirely and pin it yourself:

pin "@rails/request.js", to: "https://ga.jspm.io/npm:@rails/request.js@0.0.6/src/index.js"

[GGrassiant]

Indeed, when removing the gem, running bundle install and pinning manually pin "@rails/request.js", to: "https://ga.jspm.io/npm:@rails/request.js@0.0.6/src/index.js" to importamp.rb and then redeploying, it does work as expected.

Edit: Thanks @jantunes

[marcelolx]

Hey, v0.0.7 was released with the fix from #6, let me know if that did fix your problems! https://rubygems.org/gems/requestjs-rails/versions/0.0.7

Huge thanks to @d6rkaiz!

[GGrassiant]

Thanks a lot for taking the time to check it out so quickly. Really appreciated!

I created a new Rails 7 app and ran the normal install (gemfile + bundle install + ./bin/rails requestjs:install).

My Gemfile.lock is requestjs-rails (0.0.7) but for some reason when I start the server it is asking me to //= link requestjs.js in the manifest.js file. And if I do so I then get a 500 error.

The normal install did add import "@rails/requestjs" to the application.js file but nothing in the import map or elsewhere.
Maybe I messed something up so I'll take another look tonight after work and will update you.

[GGrassiant]

Hi!

So I tried again from a brand new Rails 7 app, created a scaffold for Post.
I followed the requestjs-rails normal install mentioned in the README and when restarting the server I get the error mentioned above (Asset requestjs.js was not declared to be precompiled in production etc.)

Let me know if need to do a different install.
The way to make it work is to manually pin the version like mention by jantunes.

[marcelolx]

@GGrassiant Could you test with the main branch with changes made in #7?

gem "requestjs-rails", github: "rails/requestjs-rails", branch: "main"

I tested it here and it seems that it is working now but I want to make sure before I release a new version that everything is OK.

Thanks for your patience!

[marcelolx]

@GGrassiant @kirillplatonov Just a small detail, did change the import back to import @rails/request.js in #8 to keep consistent with how we import it using npm/yarn.