npm start throwing errors related to the exports for no reason

Question

I recently bought new macbook air 13, that I wanted to use in my job (remote). We have project that has to be started using npm start . On both my PC and old laptop (with windows) it works fine, but here i'm getting errors saying that export 'default' (imported as xxx) was not found in filename (module has no exports) , when all of these file have exports, and paths to them are correct (paths that vscode shows when i hover over the name of import). I noticed that problem occurs only with modules imported using aliases like import xxx from 'howler' , however changing import in a way that would include file path does not fix the problem.

I tried solutions from this post, it didn't help: Error: No valid exports main found for (Module path)

Here is example of import used:

import Stats from 'stats.js';

Here are 5 bottom errors that i can see in a terminal (there are 8 total):

ERROR in ./scripts/F40Engine/game/game.js 589:30-35
export 'default' (imported as 'Stats') was not found in 'stats.js' (module has no exports)
 @ ./scripts/game.js 48:0-48 152:2-6
 @ ./main.js 1:0-38 6:20-28

ERROR in ./scripts/F40Engine/sounds/soundsManager.js 59:20-26
export 'Howler' (imported as 'Howler') was not found in 'howler' (module has no exports)
 @ ./scripts/F40Engine/game/game.js 33:0-59 219:31-44
 @ ./scripts/game.js 48:0-48 152:2-6
 @ ./main.js 1:0-38 6:20-28

ERROR in ./scripts/F40Engine/sounds/soundsManager.js 170:33-37
export 'Howl' (imported as 'Howl') was not found in 'howler' (module has no exports)
 @ ./scripts/F40Engine/game/game.js 33:0-59 219:31-44
 @ ./scripts/game.js 48:0-48 152:2-6
 @ ./main.js 1:0-38 6:20-28

ERROR in ./scripts/F40Engine/timer/timer.js 37:23-37
export 'default' (imported as 'EE3Timer') was not found in 'eventemitter3-timer' (module has no exports)
 @ ./scripts/F40Engine/timer/timerManager.js 5:0-35 48:22-27 54:27-32
 @ ./scripts/F40Engine/game/game.js 31:0-58 211:30-42
 @ ./scripts/game.js 48:0-48 152:2-6
 @ ./main.js 1:0-38 6:20-28

ERROR in ./scripts/F40Engine/timer/timerManager.js 24:30-57
export 'default' (imported as 'EE3Timer') was not found in 'eventemitter3-timer' (module has no exports)
 @ ./scripts/F40Engine/game/game.js 31:0-58 211:30-42
 @ ./scripts/game.js 48:0-48 152:2-6
 @ ./main.js 1:0-38 6:20-28

I get also a lot of warnings like this one:

WARNING in ../node_modules/webpack-dev-server/client/overlay.js 187:17-25
export 'default' (imported as 'ansiHTML') was not found in 'ansi-html-community' (module has no exports)
 @ ../node_modules/webpack-dev-server/client/index.js?protocol=ws%3A&hostname=0.0.0.0&port=9899&pathname=%2Fws&logging=info&reconnect=10 11:0-57 109:6-10 167:6-10 176:6-10 207:27-40 223:6-10 240:28-41 256:6-10 270:6-10

And huge wall of gibberish/text looking like this between warnings and errors, but im not sure if it is important:

Module build failed (from ../node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: $ is not a function
    at tryRunOrWebpackError (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/HookWebpackError.js:88:9)
    at __webpack_require_module__ (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4979:12)
    at __webpack_require__ (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4936:18)
    at Module.<anonymous> (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/babel-loader/lib/index.js!/Users/4theplayer/Desktop/repositories/devilLady/node_modules/core-js/internals/global.js:3:91)
    at /Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:432:11
    at Hook.eval [as call] (eval at create (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4981:39
    at tryRunOrWebpackError (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4979:12)
    at __webpack_require__ (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4936:18)
    at Object.<anonymous> (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/babel-loader/lib/index.js!/Users/4theplayer/Desktop/repositories/devilLady/node_modules/core-js/internals/well-known-symbol.js:1:14)
    at /Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:432:11
    at Hook.eval [as call] (eval at create (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4981:39
    at tryRunOrWebpackError (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4979:12)
-- inner error --
TypeError: $ is not a function
    at Object.<anonymous> (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/babel-loader/lib/index.js!/Users/4theplayer/Desktop/repositories/devilLady/node_modules/core-js/modules/es.global-this.js:7:1)
    at /Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:432:11
    at Hook.eval [as call] (eval at create (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4981:39
    at tryRunOrWebpackError (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4979:12)
    at __webpack_require__ (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4936:18)
    at Module.<anonymous> (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/babel-loader/lib/index.js!/Users/4theplayer/Desktop/repositories/devilLady/node_modules/core-js/internals/global.js:3:91)
    at /Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:432:11
    at Hook.eval [as call] (eval at create (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at /Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4981:39
    at tryRunOrWebpackError (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4979:12)
    at __webpack_require__ (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/Compilation.js:4936:18)
    at Object.<anonymous> (/Users/4theplayer/Desktop/repositories/devilLady/node_modules/babel-loader/lib/index.js!/Users/4theplayer/Desktop/repositories/devilLady/node_modules/core-js/internals/well-known-symbol.js:1:14)
    at /Users/4theplayer/Desktop/repositories/devilLady/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:432:11

Generated code for /Users/4theplayer/Desktop/repositories/devilLady/node_modules/babel-loader/lib/index.js!/Users/4theplayer/Desktop/repositories/devilLady/node_modules/core-js/modules/es.global-this.js
 1 | var $ = __webpack_require__(/*! ../internals/export */ "/Users/4theplayer/Desktop/repositories/devilLady/node_modules/babel-loader/lib/index.js!/Users/4theplayer/Desktop/repositories/devilLady/node_modules/core-js/internals/export.js");
 2 | 
 3 | var global = __webpack_require__(/*! ../internals/global */ "/Users/4theplayer/Desktop/repositories/devilLady/node_modules/babel-loader/lib/index.js!/Users/4theplayer/Desktop/repositories/devilLady/node_modules/core-js/internals/global.js"); // `globalThis` object
 4 | // https://tc39.es/ecma262/#sec-globalthis
 5 | 
 6 | 
 7 | $({
 8 |   global: true
 9 | }, {
10 |   globalThis: global
11 | });

Generated code for /Users/4theplayer/Desktop/repositories/devilLady/node_modules/babel-loader/lib/index.js!/Users/4theplayer/Desktop/repositories/devilLady/node_modules/core-js/internals/global.js
 1 | __webpack_require__.r(__webpack_exports__);
 2 | /* harmony import */ var _babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "javascript/esm|/Users/4theplayer/Desktop/repositories/devilLady/node_modules/babel-loader/lib/index.js!/Users/4theplayer/Desktop/repositories/devilLady/node_modules/@babel/runtime/helpers/esm/typeof.js");
 3 | /* harmony import */ var core_js_modules_es_global_this_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es.global-this.js */ "/Users/4theplayer/Desktop/repositories/devilLady/node_modules/babel-loader/lib/index.js!/Users/4theplayer/Desktop/repositories/devilLady/node_modules/core-js/modules/es.global-this.js");
 4 | /* harmony import */ var core_js_modules_es_global_this_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_global_this_js__WEBPACK_IMPORTED_MODULE_1__);
 5 | /* module decorator */ module = __webpack_require__.hmd(module);
 6 | 
 7 | 
 8 | 
 9 | var check = function check(it) {
10 |   return it && it.Math == Math && it;
11 | }; // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
12 | 
13 | 
14 | module.exports = // eslint-disable-next-line es/no-global-this -- safe
15 | check((typeof globalThis === "undefined" ? "undefined" : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(globalThis)) == 'object' && globalThis) || check((typeof window === "undefined" ? "undefined" : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(window)) == 'object' && window) || // eslint-disable-next-line no-restricted-globals -- safe
16 | check((typeof self === "undefined" ? "undefined" : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(self)) == 'object' && self) || check((typeof __webpack_require__.g === "undefined" ? "undefined" : (0,_babel_runtime_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__["default"])(__webpack_require__.g)) == 'object' && __webpack_require__.g) || // eslint-disable-next-line no-new-func -- fallback
17 | function () {
18 |   return this;
19 | }() || Function('return this')();

And here is my package.json with those libraries:

{
    "name": "framework",
    "version": "0.0.0",
    "description": "",
    "main": "index.js",
    "scripts": {
        "test": "echo \"Error: no test specified\" && exit 1"
    },
    "author": "",
    "license": "ISC",
    "dependencies": {
        "@pixi/particle-emitter": "^5.0.2",
        "eventemitter3-timer": "^1.0.1",
        "gsap": "^3.6.1",
        "howler": "^2.2.3",
        "pixi-spine": "^3.0.1",
        "pixi-webfont-loader": "^1.0.2",
        "pixi.js": "^6.0.4",
        "stats.js": "^0.17.0"
    },
    "type": "module"
}

Answer 1

Remove both node_modules folder and package-lock.json file, and re run npm install . In that long wall error it's showing Windows paths, though you are on a MacOs, and that might be because you have something from Windows installed in the project.