Getting SyntaxError in javascript/application.js when setting rails project to use importmaps

Question

I'm trying to move a rails 7 project from using esbuild to using importmaps and getting the following error:

// app/javascript/application.js
import '@hotwired/turbo-rails'; // <-- Uncaught SyntaxError: Cannot use import statement outside a module
import 'controllers';

I've run and rerun bundle exec rails importmap:install a bunch of times already and compared all relevant files that I know of with a project where importmaps work.

For obvious reasons, adding "type": "module", to package.json is not an option (I don't have a package.json).

Am I missing something?

Gr8DaNe · Accepted Answer · 2023-01-04 13:31:55Z

4

Shamefully posting the solution in case anyone ever runs into the same problem:

We're using namespaces in the project and I forgot to include the javascript_importmap_tags tag in every namespaced layout file.

edited Jan 4, 2023 at 13:31

answered Dec 16, 2022 at 10:52

Gr8DaNe

866 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Peter Giacomo Lombardo Over a year ago

Thank you for following up. You probably saved at least an hour of digging here.

Collectives™ on Stack Overflow

Getting SyntaxError in javascript/application.js when setting rails project to use importmaps

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related