Can't find "easings.min.js.map" file

[RexHung0302]

Description

I try to run the code but Terminal give me the warning, how to fix it? It seem an error on plugins, not my code.

Link to isolated reproduction with no external CSS / JS

I don't have the link for demo, but I got the warning screenshoot

Steps to reproduce it

1. yarn
2. yarn start
3. "@fullpage/react-fullpage" is warning

Versions

"@fullpage/react-fullpage": "^0.1.26", "react": "^18.2.0",

[alvarotrigo]

That's weird. Make sure the map file (easings.min.js.map) is on your node_modules/fullpage.js/vendors/ folder, like in this pic:

[alvarotrigo]

Map files are automatically loaded by the browser dev tools. So it shouldn't even be a compile warning or error.

The source map file will only be downloaded if you have source maps enabled and your dev tools open. You'll also need to upload your original files so the dev tools can reference and display them when necessary.

Source

[alvarotrigo]

I've made made a commit to prevent the loading of the file if you are using css3: true, I'll merge it on the next release. (Although this is not directly related with your issue)

[RexHung0302]

Sorry for the delay in getting back to you, I has the file on my node_modules/fullpage.js/vendors/ folder, but still got the warning.

And I got the new waring like this

not found /node_modules/@fullpage/react-fullpage/dist/scrolloverflow.min.js.map

[alvarotrigo]

Can you provide an isolated reproduction in Codesandbox with no CSS or JS files external to fullPage.js and the minimum amount of HTML code. Use empty sections unless strictly necessary for the reproduction?

[RexHung0302]

Okay, here is a demo link in Codesandbox, but it so weird, I use the version 0.1.22 same as my project, but here is no warning. P.S: I remove the licenseKey in demo, but I actually use it in my project, can ignore licenseKey error.

[alvarotrigo]

@RexHung0302 your demo is not working

[RexHung0302]

Sorry, I fixed it, I forgot to save it. Codesandbox

[alvarotrigo]

Make sure to update to the latest version of the fullpage-react wrapper version 0.1.26

[stuart-garner]

I am getting the same issue. Started using react-fullpage yesterday and its version 0.1.26.

Same error as above and no files found in the dist folder.

[alvarotrigo]

Mind updating your codesandbox with such version to reproduce the issue?

[stuart-garner]

Updated version to 0.1.27.

Build completes successfully bit error regarding missing file persists

[alvarotrigo]

The codesandbox doesn't show any warning and I can't reproduce it on the examples that come with the component.

[alvarotrigo]

The .map file is inside the vendors folder where the easings.min.js file is. More specifically on node_modules/fullpage.js/vendors/easings.min.js.map.

In any case, this is a warning, not an error, so I wouldn't bother too much. The map file is not really necessary for anything except for debugging in the browser tools for developers.

[alvarotrigo]

I think the problem here is that the easings.min.js file contains the path for the map file on its very bottom:

//# sourceMappingURL=scrolloverflow.min.js.map

This works ok when using vanilla fullPage.js, as people usually don't move files around.

But when creating the fullPage.js bundle, the easings.min.js gets bundled together with the react code on the dist folder (or whatever folder you choose for your bundle) and now the map file isn't there.

I'm not a webpack expert. But the solution is probably:

• Copy the .map file into thee dist folder where the bundle is.
• Or change the path of the .map file the easings.min.js file

Probably doable with plugins like the one suggested in this solution: https://stackoverflow.com/questions/33795044/webpack-use-existing-source-map-from-previous-build-step

Or this: https://stackoverflow.com/questions/27639005/how-to-copy-static-files-to-build-directory-with-webpack

Feel free to do a pull request if you find the way :) And if you are aware of any better approach I'm all ears!