Webpack fails for JS projects from trying to load index.tsx

[yanickrochon]

Describe the bug
Not all projects use TypeScript, and not all projects have .ts/.tsx loaders. This error occurs when using Next.js without TypeScript.

Expected behavior
This package should not expect that TypeScript will be available out of the box.

error - ./node_modules/@reactour/tour/index.tsx
Module parse failed: Unexpected token (8:7)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| export default Tour
| export { Tour, TourContext, TourProvider, useTour }
> export type {
|   StepType,
|   Position,

[elrumordelaluz]

Hi @yanickrochon , thanks for open the Issue.

Just fiunding a fix for this one in the same moment you open this issue.

Let me investigate a little more and came back to you asap.

[semihraifgurel]

Is there even a way to fix this problem instantly? We can't work for hours because of this. Revert it back until the problem is fixed

[semihraifgurel]

Attached error appears with version 3.0.3

[elrumordelaluz]

Attached error appears with version 3.0.3

I saw, because of this reopened the issue, I'm on it.

The issue seems to be related on tsup --external react, try to find the right way to handle it. Help pretty welcome.

[semihraifgurel]

Can you revert to v3.0.1 until you find a solution?

[elrumordelaluz]

related egoist/tsup#579

[elrumordelaluz]

@semihraifgurel @yanickrochon Could you please try using @reactour/[email protected] with a cleaning before rm -rf node_modules yarn.lock? Thanks you in advance!

[gulam-quinn]

@elrumordelaluz version 3.0.5 worked for me. Thanks.

[semihraifgurel]

It worked, thanks a lot.

[elrumordelaluz]

Great! Thank you for following and helping to solve the issue!

[mwakazi-dev]

Hello I am getting this error
Can't import the named export 'FocusScope' from non EcmaScript module (only default export is available)

[elrumordelaluz]

Hello I am getting this error Can't import the named export 'FocusScope' from non EcmaScript module (only default export is available)

From which file? can you share some more info? context, if is ts project?

[shubhrasachdev]

Hi, I am facing a similar issue:

./node_modules/@reactour/mask/dist/index.mjs
Can't import the named export 'getPadding' from non EcmaScript module (only default export is available)

This is causing my builds to fail. Is there a stable version I can use?

[elrumordelaluz]

This is causing my builds to fail. Is there a stable version I can use?

Should be 3.0.1

I am sorry for those errors.

[yanickrochon]

@elrumordelaluz everything is fine with 3.0.5! Good job!

[shubhrasachdev]

This is causing my builds to fail. Is there a stable version I can use?

Should be 3.0.1

I am sorry for those errors.

Hey @elrumordelaluz , still seeing this same error in 3.0.1.

[elrumordelaluz]

Hey @elrumordelaluz , still seeing this same error in 3.0.1.

Take a look to the replies on #498, I think could be a fast and temporary workaround.
Meanwhile I am working to solve the packages resolutions issue.

[elrumordelaluz]

For those who were having issues with named export from non EcmaScript module, can you please upgrade version/s to check if the issue is solved on your end? Thanks!

[shubhrasachdev]

Hey @elrumordelaluz , upgraded to @reactour/tour version 3.1.0. I am seeing this issue again:

./node_modules/@reactour/tour/dist/index.mjs
Can't import the named export 'Mask' from non EcmaScript module (only default export is available)

[elrumordelaluz]

thank you @shubhrasachdev, mind making rm -rf node_modules yarn.lock (or npm lock file) and then install again?

[shubhrasachdev]

Hey @elrumordelaluz - Tried after cleaning, the issue is still occurring. Anything else I can try?

[elrumordelaluz]

can you share more info related on your environment and project?

I can't reproduce in Next and CRA new empty projects.

[shubhrasachdev]

This is the env and project config I am working with:
OS: Windows 10
OS build: 19044.1889
Node.js Version: 16.15.0
React Version: 18.1.0
@reactour/tour Version: 3.1.0

Let me know if any additional info is required.

[elrumordelaluz]

are you using CRA or in which way are you transpiling?

[shubhrasachdev]

From what I can tell, its CRA. I run the npm run start command, which as described in my package.json, runs react-scripts start

[elrumordelaluz]

What happens if you do npm why @reactour/mask?

[elrumordelaluz]

Also, can you search please for "@reactour" in your package-lock.json ?

[shubhrasachdev]

Hey @elrumordelaluz , I noticed I was using react-scripts 3.4.4. I just now upgraded to 5.0.1, and now it is running as expected.

As for the info you asked from my package-lock.json -

"node_modules/@reactour/tour": {
      "version": "3.1.0",
      "resolved": "...",
      "integrity": "...",
      "license": "MIT",
      "dependencies": {
        "@reactour/mask": "*",
        "@reactour/popover": "*",
        "@reactour/utils": "*"
      },
      "peerDependencies": {
        "react": "16.x || 17.x || 18.x"
      }
    }

[elrumordelaluz]

I just now upgraded to 5.0.1, and now it is running as expected.

great!

Curious about this command:

What happens if you do npm why @reactour/mask?

Thanks for all the information!

[shubhrasachdev]

Here's the response from npm why @reactour/mask:

@reactour/[email protected]
node_modules/@reactour/mask
  @reactour/mask@"*" from @reactour/[email protected]
  node_modules/@reactour/tour
    @reactour/tour@"^3.1.0" from the root project

[elrumordelaluz]

Seems to resolve well. Thanks again!

[elrumordelaluz]

Since the small issues described after the author closes the main one seems to be solve, I am closing this issue, but feel free create a new one with specific information. Thanks again to you all!