Module parse failed: Unexpected token (2:9)

[hotwired]

Module parse failed: Unexpected token (2:9)

[nfilzi]

Found sth in the end 🎉
According to this SO answer, apparently you can't export directly all exposed properties from another module. You need to import them first, then export them again.

Excuse me for any potential lack of clarity with my explanations, my JS bundling knowledge is ultra flaky 🙈 😁

In the end, changing turborails/javascript/turbo/index.js from this:

import "./cable_stream_source_element"
export * as Turbo from "@hotwired/turbo"
export * as cable from "./cable"

To this

import "./cable_stream_source_element"

import * as Turbo from "@hotwired/turbo"
export { Turbo }

import * as cable from "./cable"
export { cable }

Did the trick for me locally 🎉

[udkl]

A temporary way of getting this fix is to update "@hotwired/turbo-rails": "hotwired/turbo-rails#47c7b545" in your package.json

[udkl]

For context, this is a webpack 4 issue that's supposedly resolved in v5 :
webpack/webpack#10460
abpframework/abp#6283

[javan]

@nfilzi, your To this version looks good to me. Want to open a PR?

[nfilzi]

Got the exact same error, haven't found anything relevant so far

[nfilzi]

@javan Anything we may have overlooked?

My findings fix the issue, but I'm wondering if it could be linked in the first place to sth peculiar in our dev setup locally? (node or webpack version, missing sth / sth extra in our webpack / babel config)?

[nfilzi]

Will do @javan :)

[javan]

Closed via #26

[ryw]

A temporary way of getting this fix is to update "@hotwired/turbo-rails": "hotwired/turbo-rails#47c7b545" in your package.json

Attempted this, now I get another js error TypeError: Attempting to change the getter of an unconfigurable property. on Line 35 of turbo.source.js:

  Object.defineProperty(Event.prototype, "submitter", {

[ryw]

Hmm tried to upgrade webpacker to 5.2.1, and switched package.json back to the standard entry and I get same error, so maybe a different issue

[arpansac]

Earlier installed and then removed stimulus_reflex.
Spent hours figuring out why my link_to inside a turbo frame was taking me to a different page. Finally, had to remove the javascript_pack_tag
Already have webpack 5.2.1
It doesn't display any error though, but the link_to inside turbo frame always tends to open the link in a new page instead of doing it inside the frame

[christos]

Attempted this, now I get another js error TypeError: Attempting to change the getter of an unconfigurable property. on Line 35 of turbo.source.js:

@ryw Although I have yet to manage to load Turbo successfully in the console, I did manage to get rid of that error. It was caused by having both <%= stimulus_include_tags %> and <%= turbo_include_tags %> in application.html.erb. I think it was basically trying to load an already loaded module and hence the error.

[goulvench]

In my case this error was fixed by replacing <%= javascript_packs_with_chunks_tag %> with <%= javascript_pack_tag %>. Getting rid of Webpack is next on the list :-)