I recently set up a new project using Laravel 6 and encountered an error after running `npm run watch` following the npm installation.
Ahmed@DESKTOP-G216VK0 MINGW64 /c/laragon/www/larabiz
$ npm run watch
> @ watch C:\laragon\www\larabiz
> npm run development -- --watch
> @ development C:\laragon\www\larabiz
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js "--watch"
10% building 1/1 modules 0 active
webpack is watching the files…
98% after emitting SizeLimitsPlugin
ERROR Failed to compile with 1 errors 9:37:44 PM
error in ./resources/js/app.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Package exports for 'C:\laragon\www\larabiz\node_modules\@babel\helper-compilation-targets' do not define a '.' subpath
at applyExports (internal/modules/cjs/loader.js:485:15)
...
@ multi ./resources/js/app.js ./resources/sass/app.scss
Asset Size Chunks Chunk Names
/css/app.css 0 bytes /js/app [emitted] /js/app
/js/app.js 7.86 KiB /js/app [emitted] /js/app
ERROR in ./resources/js/app.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: Package exports for 'C:\laragon\www\larabiz\node_modules\@babel\helper-compilation-targets' do not define a '.' subpath
...
Here's the content of the Package.json file:
{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
...
},
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.4",
...
}
}