VMWare Clarity - master branch - `npm run angular:dev:start` fails with ERROR: Task not found: "'core:build:ts" - vmware-clarity

Unable to run dev mode of Clarity after checking out master.
Following error is reported.
λ npm run angular:dev:start
> #clr/clarity#3.0.0-next.8 angular:dev:start C:\Users\shrees3\Documents\clarity
> npm run core:build:src && ng serve dev
> #clr/clarity#3.0.0-next.8 core:build:src C:\Users\shrees3\Documents\clarity
> npm-run-all core:build:sass:components 'core:build:ts -- --force'
ERROR: Task not found: "'core:build:ts"
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! #clr/clarity#3.0.0-next.8 core:build:src: `npm-run-all core:build:sass:components 'core:build:ts -- --force'`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the #clr/clarity#3.0.0-next.8 core:build:src script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\shrees3\AppData\Roaming\npm-cache\_logs\2020-02-20T14_17_10_235Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! #clr/clarity#3.0.0-next.8 angular:dev:start: `npm run core:build:src && ng serve dev`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the #clr/clarity#3.0.0-next.8 angular:dev:start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\shrees3\AppData\Roaming\npm-cache\_logs\2020-02-20T14_17_10_370Z-debug.log
Steps tried:
Clone Clarity and checkout master branch.
Run npm install
Run npm run angular:dev:start
Platform
Windows Laptpop
Using https://cmder.net/ Command Window which supports typical linux utilities.
Angular: 9.0.2
Node: 10.16.0
Clarity: "3.0.0-next.8"

The angular app depends on the core components.
Can you try running
npm run core:build
and then rerun
npm run angular:dev:start

Response from Clarity Team on Github issue:
This is a Windows specific issue with the handling of single quotes '. We don't actively develop on Windows so don't always catch these things. The quotes probably need to be escaped for Windows, unless you opt to use the Ubuntu shell.

Related

error during build process in package.json

In the build process, i am trying to run all of them using the npm run build:css command. However, i get an error as shown below. i have performed npm cache clean --force but that doesn't seem to fix the problem.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! trillo#1.0.0 prefix:css: `postcss --use autoprefixer -b 'last 10 versions' css/style.compile.css -o css/style.prefix.css`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the trillo#1.0.0 prefix:css script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Abhinav\AppData\Roaming\npm-cache\_logs\2021-11-25T16_21_55_998Z-debug.log
ERROR: "prefix:css" exited with 1.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! trillo#1.0.0 build:css: `npm-run-all compile:sass prefix:css compress:css`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the trillo#1.0.0 build:css script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Abhinav\AppData\Roaming\npm-cache\_logs\2021-11-25T16_21_56_073Z-debug.log
how do i fix this issue?
The postcss command in your prefix:css script seems to be failing. Make sure the command and the arguments are correct.

Unable to properly set up react-boilerplate: "npm ERR! ngrok - platform darwinarm64 is not supported."

I am trying to set up react-boilerplate for the first time on a new M1 Max MacBook Pro and continue to get this error message after running npm run setup:
npm ERR! code 1
npm ERR! path /Users/ssc/Documents/Development/website/node_modules/ngrok
npm ERR! command failed
npm ERR! command sh -c node ./postinstall.js
npm ERR! ngrok - platform darwinarm64 is not supported.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/ssc/.npm/_logs/2021-10-31T06_18_18_426Z-debug.log
I have been unable to fix this. Any help would be greatly appreciated.
If you update ngrok to the latest version, which (at the moment) is 4.1.0 and run again, it should work.

Error message when trying to minify tailwindcss

To minify my tailwindCSS, I tried creating a script in my package.json:
"tw:prod":"NODE_ENV=production npx tailwindcss-cli#latest build ./src/css/tailwind.css -o ./public/css/tailwind.css",
but it gives this error:
> 'NODE_ENV' is not recognized as an internal or external command,
> operable program or batch file. npm ERR! code ELIFECYCLE npm ERR!
> errno 1 npm ERR! ntwport#1.0.0 tw:prod: `NODE_ENV=production npx
> tailwindcss-cli#latest build ./src/css/tailwind.css -o
> ./public/css/tailwind.css` npm ERR! Exit status 1 npm ERR! npm ERR!
> Failed at the ntwport#1.0.0 tw:prod script. npm ERR! This is probably
> not a problem with npm. There is likely additional logging output
> above.
>
> npm ERR! A complete log of this run can be found in: npm ERR!
> C:\Users\gabri\AppData\Roaming\npm-cache\_logs\2021-01-08T10_21_19_799Z-debug.log
The script is found in tailwincss's docs, so why is it giving this error?
If you run a windows system, you need to install win-node-env dev dependencies. then you run for tw:prod:
npm install win-node-env

Cannot start npm after installing react ERR! react-scripts start

While using redux with react. I was trying to do npm start for my app(reactwithredux) after installing react-redux and redux libraries . I see this error below. I'm trying to figure it out myself, but no luck so far. Please help me out.
'react-scripts' is not recognized as an internal or external command,
operable program or batch file. npm ERR! code ELIFECYCLE npm ERR!
errno 1 npm ERR! reactwithredux#0.1.0 start: react-scripts start npm
ERR! Exit status 1 npm ERR! npm ERR! Failed at the
reactwithredux#0.1.0 start script. npm ERR! This is probably not a
problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in: npm ERR!
C:\Users\preet\AppData\Roaming\npm-cache_logs\2018-09-21T01_19_43_724Z-debug.log
Try following
npm run cache clean --force
rm -rf node_modules (in project
directory)
npm install
If this doesn't solve the error, please provide a link to repo need to take a look at package.json.

npm run build error, no such file or directory, open 'build/bundle.css'

I'm attempting a routine-test of a customized WordPress-installation on a localhost production supported by the node package-manager. After instantiating the WordPress core-files, ensuring successful connection to the database and updating a few assets, I attempted to change-directory into the corresponding WordPress-theme files to run the node-package-manager install command with npm install (which was successful) and then attempted to execute the CSS-compiler with npm run buildas per routine; however, on this attempt, I encountered the following errors within my below terminal output:
vetsi npm run build
> # build /Users/alexsingleton/Sites/vetsi/wp-content/themes/vetsi
> npm-run-all --silent compile:css compile:js
/Users/alexsingleton/Sites/vetsi/wp-content/themes/vetsi/node_modules/stylus/bin/stylus:715
if (err) throw err;
^
Error: ENOENT: no such file or directory, open 'build/bundle.css'
at Error (native)
ERROR: compile:css: None-Zero Exit(1);
npm ERR! Darwin 16.4.0
npm ERR! argv "/Users/alexsingleton/.nvm/versions/node/v4.4.4/bin/node" "/Users/alexsingleton/.nvm/versions/node/v4.4.4/bin/npm" "run" "build"
npm ERR! node v4.4.4
npm ERR! npm v4.2.0
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! # build: `npm-run-all --silent compile:css compile:js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the # build script 'npm-run-all --silent compile:css compile:js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm-run-all --silent compile:css compile:js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /Users/alexsingleton/.npm/_logs/2017-02-15T17_48_20_907Z-debug.log
➜ vetsi
I've tried updating both the node package manager with npm install -g npm and verified the correct version corresponding to another successful localhost production with nvm ls generating the below output:
vetsi nvm ls
v0.12.7
-> v4.4.4
system
default -> 4.4.4 (-> v4.4.4)
node -> stable (-> v4.4.4) (default)
stable -> 4.4 (-> v4.4.4) (default)
iojs -> iojs- (-> N/A) (default)
➜ vetsi
Needless to say, the above-errors preclude any localhost pages from rendering, though I can successfully access and navigate within the WordPress Content Management system. I would appreciate any guidance- thank you!
After investigating the localhost-production within the console of Google Chrome Inspector Tools, the error reported that the entire node package-manager folder and dependencies were missing. Since neither npm-install nor npm build didn't instantiate the package-folder or dependencies, I simply copied the files from my other working localhost production, specifically bundle.css where it was apparently missing from the appropriate path (wp/themes/vetsi/build). For now, this hack is the best solution to my problem but I welcome alternative analysis or clarification as to why the aforementioned commands didn't correctly execute according to my previous successes. Thanks!

Resources