when using create-react-app; I get Compiling RuleSet failed Error when running npm start. Query arguments on 'loader' has been removed - node.js

While setting up my dev environment for react, I've become unable to get a server to run. I've done fresh re-installs of npm, node, create-react-app, and I get thrown the same error everytime I run npm start.
/Users/sophiamatthews/Desktop/Coding?/7-react-tutorial/node_modules/react-scripts/scripts/start.js:19
throw err;
^
Error: Compiling RuleSet failed: Query arguments on 'loader' has been removed in favor of the 'options' property (at ruleSet[1].rules[0].loader: /Users/sophiamatthews/Desktop/Coding?/7-react-tutorial/node_modules/source-map-loader/dist/cjs.js)
at RuleSetCompiler.error (/Users/sophiamatthews/Desktop/Coding?/7-react-tutorial/node_modules/webpack/lib/rules/RuleSetCompiler.js:373:10)
at /Users/sophiamatthews/Desktop/Coding?/7-react-tutorial/node_modules/webpack/lib/rules/UseEffectRulePlugin.js:160:29
at Hook.eval [as call] (eval at create (/Users/sophiamatthews/Desktop/Coding?/7-react-tutorial/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:49:1)
at RuleSetCompiler.compileRule (/Users/sophiamatthews/Desktop/Coding?/7-react-tutorial/node_modules/webpack/lib/rules/RuleSetCompiler.js:177:19)
at /Users/sophiamatthews/Desktop/Coding?/7-react-tutorial/node_modules/webpack/lib/rules/RuleSetCompiler.js:154:9
at Array.map (<anonymous>)
at RuleSetCompiler.compileRules (/Users/sophiamatthews/Desktop/Coding?/7-react-tutorial/node_modules/webpack/lib/rules/RuleSetCompiler.js:153:16)
at RuleSetCompiler.compileRule (/Users/sophiamatthews/Desktop/Coding?/7-react-tutorial/node_modules/webpack/lib/rules/RuleSetCompiler.js:184:30)
at /Users/sophiamatthews/Desktop/Coding?/7-react-tutorial/node_modules/webpack/lib/rules/RuleSetCompiler.js:154:9
at Array.map (<anonymous>)
This is being done on a new machine that hasn't had any developer tools installed previously.
Not a Duplicate of Error: Compiling RuleSet failed: Query arguments on 'loader' has been removed in favor of the 'options' property
My error occurs in a different file that has a different structure.
7-react-tutorial/node_modules/source-map-loader/dist/cjs.js looks as such
"use strict";
const loader = require("./index");
module.exports = loader.default;
module.exports.raw = loader.raw;

Related

Unhandled Runtime Error Error: [object ProgressEvent] with next JS/typescript

I'm new to nextJS and typescript. I'm trying to create simple blog with nextJS/typescript and sanity CMS backend. When I run dev, it successfully compiles but then I get the following Unhandled Runtime Error Error.
OS: MacOS monterey(M1)
Node: v18.12.1
NextJS: 12.3
typescript: 4.8
Unhandled Runtime Error
Error: [object ProgressEvent]
Call Stack
Object.getProperError
node_modules/next/dist/lib/is-error.js (25:0)
Object.eval
node_modules/next/dist/client/index.js (574:39)
step
node_modules/tslib/tslib.es6.js (102:0)
Object.eval [as next]
node_modules/tslib/tslib.es6.js (83:45)
asyncGeneratorStep
node_modules/#swc/helpers/lib/_async_to_generator.js (23:0)
_next
node_modules/#swc/helpers/lib/_async_to_generator.js (12:0)
I've tried deleting/re-installing node_modules and package.json and that didn't work. Not sure if it's a dependency problem. Could it be that the _async_to_generator.js file is not handling an async function/promise? Do I need to change SWC back to babel complier. Any ideas? anyone had this issue?

bundling failed: Error: Unable to resolve module in React native UI Kitten

bundling failed: Error: Unable to resolve module ./style/styleConsumer.component from node_modules\#ui-kitten\components\theme\index.js:
Getting this error after upgrading Ui Kitten from 4.3.1 to 4.4.0
The detailed log is:
error: bundling failed: Error: Unable to resolve module `./style/styleConsumer.component` from `node_modules\#ui-kitten\components\theme\index.js`:
None of these files exist: * node_modules\#ui-kitten\components\theme\style\styleConsumer.component(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
* node_modules\#ui-kitten\components\theme\style\styleConsumer.component\index(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
at ModuleResolver.resolveDependency (d:\HotelAppNoExpo\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:163:15)
at ResolutionRequest.resolveDependency (d:\HotelAppNoExpo\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:52:18)
at DependencyGraph.resolveDependency (d:\HotelAppNoExpo\node_modules\metro\src\node-haste\DependencyGraph.js:282:16)
at Object.resolve (d:\HotelAppNoExpo\node_modules\metro\src\lib\transformHelpers.js:267:42)
at d:\HotelAppNoExpo\node_modules\metro\src\DeltaBundler\traverseDependencies.js:426:31
at Array.map (<anonymous>)
at resolveDependencies (d:\HotelAppNoExpo\node_modules\metro\src\DeltaBundler\traverseDependencies.js:423:18)
at d:\HotelAppNoExpo\node_modules\metro\src\DeltaBundler\traverseDependencies.js:275:33
at Generator.next (<anonymous>)
at asyncGeneratorStep (d:\HotelAppNoExpo\node_modules\metro\src\DeltaBundler\traverseDependencies.js:87:24)
Screenshot
How to fix this?
You should start your app with clearing cache

Module build failed: TypeError: loader.charAt is not a function

I'm trying to run the npm run dev command, but I'm getting this message:
ERROR Failed to compile with 2 errors 21:31:43
Module build failed: TypeError: loader.charAt is not a function
at ensureBang (D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:180:16)
at getLoaderString (D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:145:18)
at getRequireString (D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:80:7)
at getRequire (D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:71:7)
at D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:205:11
at Array.forEach (<anonymous>)
at Object.module.exports (D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:198:18)
Module build failed: TypeError: loader.charAt is not a function
at ensureBang (D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:180:16)
at getLoaderString (D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:145:18)
at getRequireString (D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:80:7)
at getRequire (D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:71:7)
at D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:205:11
at Array.forEach (<anonymous>)
at Object.module.exports (D:\iagof\Source\Repos\todo-list\node_modules\vue-loader\lib\loader.js:198:18)
You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
This problem appeared when I tried to reinstall all the modules. Anything, my project is on Github. Follow the repository link https://github.com/iagofrota/todo-list.

Angular zone.js and shim.min.js error

I have downloaded the angular quick start code and set it up in my machine but when i run the command npm start it gives me the following errors:
Uncaught Error: Zone already loaded.
at zone.js:32
at zone.js:643
at FUNCTION (zone.js:11)
at zone.js:12
Unhandled promise rejection TypeError: Zone.assertZonePatched is not a function
at new NgZone (core.umd.js:3807)
at PlatformRef_._bootstrapModuleFactoryWithZone (core.umd.js:4524)
at eval (core.umd.js:4569)
at shim.min.js:8
at shim.min.js:8
at MutationObserver.s (shim.min.js:7)
at Zone.run (angular2-polyfills.js:138)
at MutationObserver.zoneBoundFn (angular2-polyfills.js:111)
I am using node version 6.11.3 and npm version as 3.10.10. So can anybody help me on this?

error: A hook (`userconfig`) failed to load

after npm install , getting error like, i have checked every config file and also installed lodash manually after but still not working
error: A hook (`userconfig`) failed to load!
error: Error: In Sails v1.x, `sails.config.globals._` must be either `false` or an object (typically the value of `require('lodash')`)
at Sails.exposeGlobals (D:\Node_Project\POS\trunk\node_modules\sails\lib\app\private\exposeGlobals.js:47:44)
at Sails.wrapper [as exposeGlobals] (D:\Node_Project\POS\trunk\node_modules\#sailshq\lodash\lib\index.js:3250:19)
at emitNone (events.js:91:20)
at Sails.emit (events.js:185:7)
at Sails.emitter.emit (D:\Node_Project\POS\trunk\node_modules\sails\lib\app\private\after.js:50:11)
at D:\Node_Project\POS\trunk\node_modules\sails\lib\app\private\loadHooks.js:111:15
at Hook.initialize (D:\Node_Project\POS\trunk\node_modules\sails\lib\hooks\index.js:154:14)
at Hook.wrapper [as initialize] (D:\Node_Project\POS\trunk\node_modules\#sailshq\lodash\lib\index.js:3250:19)
at D:\Node_Project\POS\trunk\node_modules\sails\lib\hooks\index.js:88:16
at D:\Node_Project\POS\trunk\node_modules\sails\node_modules\async\dist\async.js:486:20
First : Make sure you've installed dependencies with npm install
Second : Check that this app was built for a compatible version of Sails.

Resources