Module name "@babel/runtime/helpers/interopRequireDefault" has not been loaded yet for context

[wrushasendakhane]

Followed all the steps and managed to get it to work on template project.

Then moved same changes our project and got below error.

Errors: Error: Command failed: npx babel src -d web --presets=@babel/preset-env --ignore=main.js Error: Cannot find module '@babel/plugin-transform-runtime' from 'C:\SelfService\WebApps\SelfServiceAppv9'

Fixed with solution. npm i --save-dev '@babel/plugin-transform-runtime'

Then at run time getting below error in the console:- Don't know how to proceed.

Uncaught Error: Module name "@babel/runtime/helpers/interopRequireDefault" has not been loaded yet for context: _. Use require([]) https://requirejs.org/docs/errors.html#notloaded at makeError (require.js:168) at Object.localRequire [as require] (require.js:1436) at requirejs (require.js:1797) at appController.js:3

[wrushasendakhane]

after the build appController.js has below reference of libs/

I think I need to put it into path_mapping and main.js, but unable to get the path_mapping entry for below libs

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));

[wrushasendakhane]

below is the generated appController.js snippet. Managed to get the babel into the web/js/libs/babel/runtime folder in the build.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));

/**

• @license
• Copyright (c) 2014, 2020, Oracle and/or its affiliates.
• Licensed under The Universal Permissive License (UPL), Version 1.0
• as shown at https://oss.oracle.com/licenses/upl/
• @ignore */

/*

• Your application specific code will go here
• [dakhanws]: If you are working locally use restUrl_local.json else use restUrl.json
  */ define(["text!../localData/restUrl_local.json", "text!../localData/restUrl.json", 'knockout', 'ojs/ojbootstrap', 'dataService', 'ojs/ojmodule-element-utils', 'ojs/ojresponsiveutils', 'ojs/ojresponsiveknockoututils', 'ojs/ojcorerouter', 'ojs/ojmodulerouter-adapter', 'ojs/ojknockoutrouteradapter', 'ojs/ojurlparamadapter', 'ojs/ojarraydataprovider', 'ojs/ojknockouttemplateutils', 'ojs/ojvalidation-base', 'simple-crypto-js', 'ojs/ojmodule-element', 'ojs/ojknockout', 'ojs/ojavatar', 'ojs/ojbutton', 'ojs/ojmodel', 'ojs/ojselectcombobox', 'ojs/ojmessages', "babel/runtime/helpers/interopRequireDefault"], function (RestUrls_Local, RestUrls, ko, Bootstrap, data, moduleUtils, ResponsiveUtils, ResponsiveKnockoutUtils, CoreRouter, ModuleRouterAdapter, KnockoutRouterAdapter, UrlParamAdapter, ArrayDataProvider, KnockoutTemplateUtils, ValidationBase, SimpleCrypto) { function ControllerViewModel() { var self = this; this.KnockoutTemplateUtils = KnockoutTemplateUtils; // Media queries for repsonsive layouts

[peppertech]

If you run these two commands from the command at the root of your project what do you get back?

npm list --depth=0 npm -g list --depth=0

Make sure you do not have a version of Babel installed globally that is lower than 7.0.0.

[wrushasendakhane]

$ npm -g list --depth=0 C:\Users\dakhanws.CALEGIS\AppData\Roaming\npm +-- @oracle/ojet-cli@9.1.0 +-- @oracle/oraclejet@9.1.0 +-- @oracle/oraclejet-tooling@9.1.0 +-- bower@1.8.8 +-- grunt-cli@1.3.2 +-- gulp@4.0.2 +-- ojet@0.0.1 +-- workbox-cli@5.1.2 `-- yo@3.1.1

npm ERR! error in C:\Users\dakhanws.CALEGIS\AppData\Roaming\npm\node_modules\gulp\node_modules\fsevents: ENOENT: no such file or directory, open 'C:\Users\dakhanws.CALEGIS\AppData\Roaming\npm\node_modules\gulp\node_modules\fsevents\package.json' npm ERR! error in C:\Users\dakhanws.CALEGIS\AppData\Roaming\npm\node_modules\workbox-cli\node_modules\fsevents: ENOENT: no such file or directory, open 'C:\Users\dakhanws.CALEGIS\AppData\Roaming\npm\node_modules\workbox-cli\node_modules\fsevents\package.json'

$ npm list --depth=0 SelfServiceAppv9@1.0.0 C:\SelfService\WebApps\SelfServiceAppv9 +-- @babel/cli@7.11.6 +-- @babel/core@7.11.6 +-- @babel/plugin-transform-runtime@7.11.5 +-- @babel/preset-env@7.11.5 +-- @babel/runtime@7.11.2 +-- @oracle/oraclejet@9.0.1 +-- @oracle/oraclejet-tooling@9.0.1 +-- requirejs-babel@0.0.9 +-- simple-crypto-js@3.0.0 `-- xlsx@0.16.3