FAQ: Browser Compatibility and Transpilation - Transpilation With Babel


#1

This community-built FAQ covers the “Transpilation With Babel” exercise from the lesson “Browser Compatibility and Transpilation”.

Paths and Courses
This exercise can be found in the following Codecademy content:

Introduction To JavaScript

FAQs on the exercise Transpilation With Babel

There are currently no frequently asked questions associated with this exercise – that’s where you come in! You can contribute to this section by offering your own questions, answers, or clarifications on this exercise. Ask or answer a question by clicking reply (reply) below.

If you’ve had an “aha” moment about the concepts, formatting, syntax, or anything else with this exercise, consider sharing those insights! Teaching others and answering their questions is one of the best ways to learn and stay sharp.

Join the Discussion. Help a fellow learner on their journey.

Ask or answer a question about this exercise by clicking reply (reply) below!

Agree with a comment or answer? Like (like) to up-vote the contribution!

Need broader help or resources? Head here.

Looking for motivation to keep learning? Join our wider discussions.

Learn more about how to use this guide.

Found a bug? Report it!

Have a question about your account or billing? Reach out to our customer support team!

None of the above? Find out where to ask other questions here!


#2

Hello,
I’m stuck with this exercise.

I don’t get it, where/how to write in the Terminal?
Please see the screenshot.
Initially I thought that the Browser might be faulty, but I tried Google Chrome and same issue occurs.

Thank you!
npm|690x334


#3

Update:
I’ve found a solution.
So for some reason the Terminal did not load properly (even in the 2nd browser), after a few page refresh it worked fine.


#4

When I type:

npm run build
and then:

./lib/main.js
I am getting message that permission was denied.
Anybody got same problem or know solution?
See ssCapture2


#5

I submitted feedback for this exercise, because it leaves a lot unwritten. Badly written instructions leave it unclear that you should press enter for the first two steps, then it’s also unclear how exactly you should access the ES5 code (mentioned in step 3). Codecademy usually has good instructions in it’s exercises, but in this one the writer assumed a lot and left out details accordingly.


#6

ya Im not sure how to run that .lib file to check out what babel did. can someone help?


#7

For me, when I try to access the folder ./lib/main.js it says “No such file or directory”.
I also think they left a lot of instructions unwritten. Even when they say to refresh to see the lib/main.js directory, they don’t explain how to refresh. I searched online and there is no refresh command for npm. The closest to refresh would be reload or restart but none of them worked for me as I couldn’t find a way to view the directory :confused:
Anyone any tips?


#8

I agree it’s poorly written, especially for CC where instruction is usually clear. I muddled through it as follows:

Hit ‘enter’ after each step of code in the terminal (window to the far right labeled ‘bash’):

‘npm install babel-cli’ followed by ‘enter’
‘npm install babel-preset-env’ followed by ‘enter’
‘npm run build’ followed by ‘enter’

Then, navigate to ‘./lib/main.js’ using the folder icon to the left of ‘main.js’. Once you click the folder icon, simply navigate to that file. Click on ‘main.js’ inside ‘lib’ and another window will be created with the ES5 code (transpiled from ES6). See screenshot:


#9

Despite doing all of that, I have neither a ./lib nor a ./node_modules folder. I’m not sure what I should do, please help :smiley:


#10

Ok, it has suddenly appeared, thanks anyway


#11

You rock for showing this. I was stuck, and you unstuck me!


#12

Hi,

I don’t get what this terminal is. I mean, when I work on an exercise I can always replicate it on my computer by creating a .html and .js file and opening it in my browser to see it I can really reuse what I learned. But here I don’t get it, if I wanted to do the same outside of CC website, where would I have to run the “npm install babel-cli” etc?

Thx,