babel-plugin-root-import | Add the opportunity to import modules by the root path

So I installed Jest in a new project and the app stopped running, due to the error below.

Summary: It's telling me that I've manually installed a dependency to node_modules, something I didn't do, and it's asking me to delete my entire node_modules and yarn.lock. But those steps aren't working.

Note: Removing the dependency from package.json then deleting node_modules and yarn.lock does fix the problem, but when I install jest again, it falls into the same problem.

The steps I took to install jest, here:

I have taken over a Vue.js project from someone else and am experiencing some cross-browser issues with the bundled javascript code. I am not an expert in Babel, and suspect that maybe some configuration is incorrect?

I can run the Vue.js website locally on my own dev machine, and I can publish it as an Azure web app. Testing the website gives the following results:

• Chrome: Runs fine, when hosted locally and in Azure.
• IE 11: Runs fine, when hosted locally, but fails when hosted in Azure.
• Safari: Fails when hosted in Azure (have not tried locally)

What surprises me, is that IE 11 works fine, when the website is hosted locally, but fails when the website is hosted in Azure. It's the same bundled js file.

When the website is hosted in Azure, both IE and Safari fail on the same line in the bundled js file. The IE error message is:

When I import my components or pages to test in my ".spec.tsx" file it does not recognize Babel Root Import.

Is there any way to configure my ".spec.tsx" to recognize "~" as my Root Import?

The Project Base: https://github.com/tavareshenrique/go-barber-web-ts

My Code:

When running npx babel index.js from the command line, I was hoping I would see my babel configurations being applied from babel.config.js

However it does not seem the case as was wondering why this might be?