playwright promise error at azure devops pipeline - reactjs

I have been deploying react app as static web site using azure devops
for a while, recently node and npm versions upgraded from then on I m
facing these deprectated package errors in pipeline. Any leads to
possible solution to overcome these errors
npm ERR! code 1
npm ERR! path /working_dir/Todo/Todo.Client/node_modules/playwright
npm ERR! command failed
npm ERR! command sh -c node install.js
npm ERR! node:internal/process/promises:288
npm ERR! triggerUncaughtException(err, true /* fromPromise */);
npm ERR! ^
npm ERR!
npm ERR! [Error: EACCES: permission denied, mkdir '/root/.cache/ms-playwright'] {
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'mkdir',
npm ERR! path: '/root/.cache/ms-playwright'
npm ERR! }
npm ERR!
npm ERR! Node.js v18.2.0

Related

npm install dependency error - AWS API Gateway Developer Portal

I tried to customize the React front-end of the AWS API Gateway Developer Portal. But when installing the dependencies, the following error is generated.
npm ERR! npm ERR! code 128
npm ERR! npm ERR! An unknown git error occurred
npm ERR! npm ERR! command git --no-replace-objects ls-remote ssh://git#github.com/ev1stensberg/generator.git
npm ERR! npm ERR! command-line line 0: unsupported option "accept-new".
npm ERR! npm ERR! fatal: Could not read from remote repository.
npm ERR! npm ERR!
npm ERR! npm ERR! Please make sure you have the correct access rights
npm ERR! npm ERR! and the repository exists.
I think the problem occurs when installing the "swagger-ui".
I tried the following command and try to install "swagger-ui" manually. But I get the same error.
npm install swagger-ui#github:awslabs/swagger-ui#apigw-fork-v4
npm ERR! npm ERR! code 128
npm ERR! npm ERR! An unknown git error occurred
npm ERR! npm ERR! command git --no-replace-objects ls-remote ssh://git#github.com/ev1stensberg/generator.git
npm ERR! npm ERR! command-line line 0: unsupported option "accept-new".
npm ERR! npm ERR! fatal: Could not read from remote repository.
npm ERR! npm ERR!
npm ERR! npm ERR! Please make sure you have the correct access rights
npm ERR! npm ERR! and the repository exists.
Afterwards I tried installing different versions of "swagger-ui" through npm. But those versions are not compatible with the dev-portal frontend.
Is there someone who customizes the AWS dev-portal front-end by mitigating this dependency error?
Try adding the dependency in the package.json like this
"dependencies": {
"swagger-ui": "git+https://github.com/awslabs/swagger-ui.git#apigw-fork-v4"
}
you can also install it manually like this
npm install https://github.com/awslabs/swagger-ui#apigw-fork-v4

npx create-react-app showing error when installing

I get below error when npx create-react-app. please help me how to solve this problem.
nodejs version is v16.14.2 and npm version is 8.5.0
To address all issues (including breaking changes), run:
npm audit fix --force
(base) kiranrana#Kirans-MacBook-Pro react-app % npm install -g create-react-app
npm ERR! code EACCES
npm ERR! syscall rename
npm ERR! path /usr/local/lib/node_modules/create-react-app
npm ERR! dest /usr/local/lib/node_modules/.create-react-app-DgI96EzL
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, rename '/usr/local/lib/node_modules/create-react-app' -> '/usr/local/lib/node_modules/.create-react-app-DgI96EzL'
npm ERR! [Error: EACCES: permission denied, rename '/usr/local/lib/node_modules/create-react-app' -> '/usr/local/lib/node_modules/.create-react-app-DgI96EzL'] {
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'rename',
npm ERR! path: '/usr/local/lib/node_modules/create-react-app',
npm ERR! dest: '/usr/local/lib/node_modules/.create-react-app-DgI96EzL'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/kiranrana/.npm/_logs/2022-07-12T12_00_07_463Z-debug-0.log
It looks like a permission denied error which could be caused due to incorrect installation of npm/node. Also, I just noticed that you are using kiranrana#Kirans-MacBook-Pro react-app % npm install -g create-react-app which is not recommended. I'd suggest you to use below command.
sudo npx create-react-app .

How to fix permission errors with npm

I'm trying to create a new React app but am running into permission errors that I don't understand. I'm pretty new to programming so I don't quite understand what's going on. Below is a copy of my terminal. I am using a Mac with Mojave version 10.14.6. I have Node v10.15.3 installed npm 6.9.0 and npx 6.9.0.
I've had other permission errors before and have used sudo to get around them, but I would really like to know what the root cause of these permission errors is and how to fix it.
Monicas-MacBook-Air:code monica$ npx create-react-app weekly-scheduler
Creating a new React app in /Users/monica/code/weekly-scheduler.
Installing packages. This might take a couple of minutes. Installing
react, react-dom, and react-scripts with cra-template...
npm ERR! path
/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4 npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall open npm ERR!
Error: EACCES: permission denied, open
'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4'
npm ERR! { [Error: EACCES: permission denied, open
'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4']
npm ERR! cause: npm ERR! { Error: EACCES: permission denied, open
'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4'
npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR!
syscall: 'open', npm ERR! path: npm ERR!
'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4'
}, npm ERR! isOperational: true, npm ERR! stack: npm ERR!
'Error: EACCES: permission denied, open
\'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4\'',
npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR! syscall:
'open', npm ERR! path: npm ERR!
'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4',
npm ERR! parent: '#babel/plugin-proposal-unicode-property-regex' }
npm ERR! npm ERR! The operation was rejected by your operating
system. npm ERR! It is likely you do not have the permissions to
access this file as the current user npm ERR! npm ERR! If you believe
this might be a permissions issue, please double-check the npm ERR!
permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator (though this is not
recommended).
npm ERR! A complete log of this run can be found in: npm ERR!
/Users/monica/.npm/_logs/2019-12-06T20_36_41_071Z-debug.log
Aborting installation. npm install --save --save-exact --loglevel
error react react-dom react-scripts cra-template has failed.
Deleting generated file... package.json Deleting weekly-scheduler/
from /Users/monica/code Done.

having problems running these command VS code to create a react app

I am a newbie to react. trying to run create a react app command on my mac terminal but this keeps popping up. I need help as I a working on a front end developer.
npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules
npm ERR! path /usr/local/lib/node_modules
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall access
npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
npm ERR! { [Error: EACCES: permission denied, access '/usr/local/lib/node_modules']
npm ERR! stack:
npm ERR! 'Error: EACCES: permission denied, access \'/usr/local/lib/node_modules\'',
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'access',
npm ERR! path: '/usr/local/lib/node_modules' }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator (though this is not recommended).
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/wahab/.npm/_logs/2019-01-14T17_39_00_181Z-debug.log
wahabs-MacBook-Pro:web projects wahab$ node --version
v10.15.0
wahabs-MacBook-Pro:web projects wahab$ node --version
v10.15.0
wahabs-MacBook-Pro:web projects wahab$ npm install -g create-react-app
npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules
npm ERR! path /usr/local/lib/node_modules
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall access
npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
npm ERR! { [Error: EACCES: permission denied, access '/usr/local/lib/node_modules']
npm ERR! stack:
npm ERR! 'Error: EACCES: permission denied, access \'/usr/local/lib/node_modules\'',
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'access',
npm ERR! path: '/usr/local/lib/node_modules' }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator (though this is not recommended).
Not a viable solution on the long term, because it seems that you have access issues that you should fix. In the meantime, you can do that, prepend sudo in front of your command to execute it with admin rights.
sudo npm install -g create-react-app

Errors using Yeoman

I am trying to set up an AngularJS site using Yeoman:
$ yo angular
The installation is partly successful. The directory is being populated with all those files, but there are also several errors that left me wondering if the init was complete:
npm ERR! Error: EACCES, symlink '../grunt-autoprefixer/node_modules/autoprefixer/bin/autoprefixer'
npm ERR! { [Error: EACCES, symlink '../grunt-autoprefixer/node_modules/autoprefixer/bin/autoprefixer']
npm ERR! errno: 3,
npm ERR! code: 'EACCES',
npm ERR! path: '../grunt-autoprefixer/node_modules/autoprefixer/bin/autoprefixer' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.
npm ERR! System Linux 3.2.0-56-generic
npm ERR! command "/usr/bin/node" "/usr/bin/npm" "install"
npm ERR! cwd /home/username/Development/LearnAngularJS
npm ERR! node -v v0.10.22
npm ERR! npm -v 1.3.14
npm ERR! path ../grunt-autoprefixer/node_modules/autoprefixer/bin/autoprefixer
npm ERR! code EACCES
npm ERR! errno 3
npm ERR! stack Error: EACCES, symlink '../grunt-autoprefixer/node_modules/autoprefixer/bin/autoprefixer'
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! /home/username/Development/LearnAngularJS/npm-debug.log
npm ERR! not ok code 0
npm ERR! Error: EACCES, symlink '../karma/bin/karma'
npm ERR! { [Error: EACCES, symlink '../karma/bin/karma'] errno: 3, code: 'EACCES', path: '../karma/bin/karma' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.
npm ERR! System Linux 3.2.0-56-generic
npm ERR! command "/usr/bin/node" "/usr/bin/npm" "install" "grunt-karma" "karma-ng-html2js-preprocessor" "karma-ng-scenario" "--save-dev"
npm ERR! cwd /home/username/Development/LearnAngularJS
npm ERR! node -v v0.10.22
npm ERR! npm -v 1.3.14
npm ERR! path ../karma/bin/karma
npm ERR! code EACCES
npm ERR! errno 3
npm ERR! stack Error: EACCES, symlink '../karma/bin/karma'
npm ERR!
npm ERR! Additional logging details can be found in:
npm ERR! /home/username/Development/LearnAngularJS/npm-debug.log
npm ERR! not ok code 0
I am not sure why I'd need to run the init as root, that doesn't seem right. Where exactly is it looking (and failing) for those paths "../grunt-autoprefixer/node_modules", "../karma/bin/karma"? And, of course, what should I do to fix this behaviour?
Is this inside a VirtualBox or Vagrant shared folder? I got the same error and found it was because VirtualBox 4.18+ does not support symlinks inside shared folders:
https://www.virtualbox.org/ticket/10085

Resources