nuxt.js localhost:3000 not running - node.js

As I'm currently going from React to Vue.js, i failed with running my localhost on Port 3000. Getting the below error message. Looks like there is a problem with the server.
Down below a added the installation process so that it gets clearer how it's installed.
Also you can find the error message when running npm run dev.
Any suggestions what the problem could be?
Installation process
create-nuxt-app v5.0.0
✨ Generating Nuxt.js project in cryptocheck24.org
? Project name: cryptocheck24.org
? Programming language: JavaScript
? Package manager: Npm
? UI framework: None
? Template engine: HTML
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert se
lection)
? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert sele
ction)
? Testing framework: Jest
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Server (Node.js hosting)
? Development tools: (Press <space> to select, <a> to toggle all, <i> to invert
selection)
? Continuous integration: None
? Version control system: Git
Error message
> cryptocheck24.org#1.0.0 dev
> nuxt
╭───────────────────────────────────────╮
│ │
│ Nuxt # v2.15.8 │
│ │
│ ▸ Environment: development │
│ ▸ Rendering: server-side │
│ ▸ Target: server │
│ │
│ Listening: http://localhost:3000/ │
│ │
╰───────────────────────────────────────╯
ℹ Preparing project for development 16:25:39
ℹ Initial build may take a while 16:25:39
ℹ Discovered Components: .nuxt/components/readme.md 16:25:39
✔ Builder initialized 16:25:39
✔ Nuxt files generated 16:25:39
● Client █████████████████████████ compiling (0%)
◯ Server
node:internal/crypto/hash:67
this[kHandle] = new _Hash(algorithm, xofLen);
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:67:19)
at Object.createHash (node:crypto:133:10)
at module.exports (/Users/remo/Desktop/cryptocheck24.org/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/Users/remo/Desktop/cryptocheck24.org/node_modules/webpack/lib/NormalModule.js:417:16)
at handleParseError (/Users/remo/Desktop/cryptocheck24.org/node_modules/webpack/lib/NormalModule.js:471:10)
at /Users/remo/Desktop/cryptocheck24.org/node_modules/webpack/lib/NormalModule.js:503:5
at /Users/remo/Desktop/cryptocheck24.org/node_modules/webpack/lib/NormalModule.js:358:12
at /Users/remo/Desktop/cryptocheck24.org/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:373:3
at iterateNormalLoaders (/Users/remo/Desktop/cryptocheck24.org/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
at Array.<anonymous> (/Users/remo/Desktop/cryptocheck24.org/node_modules/webpack/node_modules/loader-runner/lib/LoaderRunner.js:205:4) {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}

Since the v5, a Node v14 version is required: https://github.com/nuxt/create-nuxt-app/releases/tag/v5.0.0
So you can either try that. It works on my side with the latest LTS: Node v16.
Or fallback into using the v4 of the CLI.
That version runs perfectly for ages already
npx create-nuxt-app my-cool-app
and is well battle-tested!
PS: I've opened this issue btw: https://github.com/nuxt/create-nuxt-app/issues/1014

Related

the vue-awesome-swiper dependency was not found

I tried to use swiper plugin on my nuxtjs project. But I've got error on my command line when I running "yarn run dev":
`
yarn run dev
yarn run v1.22.19
$ nuxt
WARN sass-loader#13.1.0 is installed but ^10.1.1 is expected
╭───────────────────────────────────────╮
│ │
│ Nuxt # v2.15.8 │
│ │
│ ▸ Environment: development │
│ ▸ Rendering: server-side │
│ ▸ Target: server │
│ │
│ Listening: http://localhost:3000/ │
│ │
╰───────────────────────────────────────╯
i Preparing project for development
i Initial build may take a while
√ Builder initialized
√ Nuxt files generated
* Client █████████████████████████ building (39%) 245/251 modul
es 6 active
node_modules\setimmediate\setImmediate.js
× Server
Compiled with some errors in 9.04s
× Client
Compiled with some errors in 10.53s
× Server
Compiled with some errors in 9.04s
ERROR Failed to compile with 1 errors
This dependency was not found:
* vue-awesome-swiper/dist/ssr in ./plugins/swiper.js
To install it, you can run: npm install --save vue-awesome-swiper/dist/ssr
i Waiting for file changes
i Memory usage: 143 MB (RSS: 232 MB)
i Listening on: http://localhost:3000/
WARN Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp'
`
vue-awesome-swiper does not detected while I've installed by "yarn add vue-awesome-swiper".
And I've followed this instruction on cmd:
npm install --save vue-awesome-swiper/dist/ssr
i Waiting for file changes
i Memory usage: 143 MB (RSS: 232 MB)
i Listening on: http://localhost:3000/
But still have issued on my code. Does anyone have same problems and had solution?

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): HookWebpackError:

Need desperate help! :alert:
I have been trying to debug an app for the last 3 days and now I’m very stuck here.It works on my localhost but brakes on production. Mainly, my biggest mistake was that I’ve coded a lot on my machine besides sending it to production little by little. I’ve already moved from errors to errors but with no final success. I’ve installed webpack at one point and I think I shouldn’t but now I can’t get rid of it. When I try to
rake assets:precompile
that’s what I get:
Running via Spring preloader in process 82485
Calling DidYouMean::SPELL_CHECKERS.merge!(error_name => spell_checker)' has been deprecated. Please call DidYouMean.correct_error(error_name, spell_checker)' instead.
yarn install v1.22.19
warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
[1/5] 🔍 Validating package.json...
[2/5] 🔍 Resolving packages...
success Already up-to-date.
✨ Done in 0.27s.
Calling DidYouMean::SPELL_CHECKERS.merge!(error_name => spell_checker)' has been deprecated. Please call DidYouMean.correct_error(error_name, spell_checker)' instead.
yarn run v1.22.19
$ webpack --config ./config/webpack/webpack.config.js
assets by status 0 bytes [cached] 1 asset
Entrypoint application =
Entrypoint custom = custom.js
orphan modules 39 bytes [orphan] 1 module
./app/assets/stylesheets/application.scss 39 bytes [built] [code generated] [1 error]
WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value.
Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/
ERROR in ./app/assets/stylesheets/application.scss (./app/assets/stylesheets/application.scss.webpack[javascript/auto]!=!./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./app/assets/stylesheets/application.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
10 │ #import "font-awesome";
│ ^^^^^^^^^^^^^^
╵
app/assets/stylesheets/application.scss 10:9 root stylesheet
# ./app/assets/stylesheets/application.scss
ERROR in ./app/assets/stylesheets/application.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
10 │ #import "font-awesome";
│ ^^^^^^^^^^^^^^
╵
app/assets/stylesheets/application.scss 10:9 root stylesheet
at tryRunOrWebpackError (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/webpack/lib/HookWebpackError.js:88:9)
at webpack_require_module (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/webpack/lib/Compilation.js:5055:12)
at webpack_require (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/webpack/lib/Compilation.js:5012:18)
at /Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/webpack/lib/Compilation.js:5083:20
at symbolIterator (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/neo-async/async.js:3485:9)
at done (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/neo-async/async.js:3527:9)
at Hook.eval [as callAsync] (eval at create (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/tapable/lib/HookCodeFactory.js:33:10), :15:1)
at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/tapable/lib/Hook.js:18:14)
at /Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/webpack/lib/Compilation.js:4990:43
at symbolIterator (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/neo-async/async.js:3482:9)
-- inner error --
Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
10 │ #import "font-awesome";
│ ^^^^^^^^^^^^^^
╵
app/assets/stylesheets/application.scss 10:9 root stylesheet
at Object. (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/css-loader/dist/cjs.js!/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/sass-loader/dist/cjs.js!/Users/ju-arrighi/code/Ju-Arrighi/utero/app/assets/stylesheets/application.scss:1:7)
at /Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:441:11
at Hook.eval [as call] (eval at create (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/tapable/lib/HookCodeFactory.js:19:10), :7:1)
at Hook.CALL_DELEGATE [as _call] (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/tapable/lib/Hook.js:14:14)
at /Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/webpack/lib/Compilation.js:5057:39
at tryRunOrWebpackError (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/webpack/lib/HookWebpackError.js:83:7)
at webpack_require_module (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/webpack/lib/Compilation.js:5055:12)
at webpack_require (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/webpack/lib/Compilation.js:5012:18)
at /Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/webpack/lib/Compilation.js:5083:20
at symbolIterator (/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/neo-async/async.js:3485:9)
Generated code for /Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/css-loader/dist/cjs.js!/Users/ju-arrighi/code/Ju-Arrighi/utero/node_modules/sass-loader/dist/cjs.js!/Users/ju-arrighi/code/Ju-Arrighi/utero/app/assets/stylesheets/application.scss
1 | throw new Error("Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\nSassError: Can't find stylesheet to import.\n ╷\n10 │ #import "font-awesome";\n │ ^^^^^^^^^^^^^^\n ╵\n app/assets/stylesheets/application.scss 10:9 root stylesheet");
ERROR in application
Module not found: Error: Can't resolve './app/assets/javascripts/application.js' in '/Users/ju-arrighi/code/Ju-Arrighi/utero'
ERROR in custom
Module not found: Error: Can't resolve './app/assets/stylesheets/custom.scss' in '/Users/ju-arrighi/code/Ju-Arrighi/utero'
3 errors have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.
webpack 5.74.0 compiled with 4 errors and 1 warning in 4098 ms
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
rake aborted!
jsbundling-rails: Command build failed, ensure yarn is installed and yarn build runs without errors
internal:/Users/ju-arrighi/.rbenv/versions/3.1.2/lib/ruby/3.1.0/rubygems/core_ext/kernel_require.rb:85:in require' <internal:/Users/ju-arrighi/.rbenv/versions/3.1.2/lib/ruby/3.1.0/rubygems/core_ext/kernel_require.rb>:85:in require'
-e:1:in `'
Tasks: TOP => assets:precompile => javascript:build
(See full trace by running task with --trace)

Unable to get local issuer certificate error while building kibana - yarn build

I am facing the unable to get local issuer certificate error when I try to build kibana using the command - yarn build --skip-os-packages
I have tried these solutions before which didn't work :
disabling TLS connection using set NODE_TLS_REJECT_UNAUTHORIZED=0 but then the build throws a warning and terminates the process.
yarn config set strict-ssl false
Below is the complete error :
yarn build --skip-os-packages
yarn run v1.22.17
$ node scripts/build --all-platforms --skip-os-packages
info [ global ] Verifying environment meets requirements
│ succ Node.js version verified
│ succ ✓ 0 sec
info [ global ] Cleaning artifacts from previous builds
│ debg Deleted 0 files/directories
│ succ ✓ 0 sec
info [ global ] Downloading node.js builds for all platforms
│ debg Downloading shasum values for node version 14.17.2 from https://us-central1-elastic-kibana-184716.cloudfunctions.net/kibana-ci-proxy-cache/dist/v14.17.2/SHASUMS256.txt
│ERROR failure 1 sec
│ERROR Error: unable to get local issuer certificate
│ at TLSSocket.onConnectSecure (_tls_wrap.js:1514:34)
│ at TLSSocket.emit (events.js:375:28)
│ at TLSSocket._finishInit (_tls_wrap.js:936:8)
│ at TLSWrap.ssl.onhandshakedone (_tls_wrap.js:708:12)
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

installing front end folder in Agora isn't working

i'm trying to install Agora video chat template on my VS code , i've deploy the back end it to Heroku and download the source code from Agora and install it on my npm window , when i run the command npm start , it installs only the back end directory and ignore the front end , and this is the error message i got :
⌂ Main Menu ▼ install ┌──────────────────────────────────────────────────────────────┐ │ │√ Node >= 14.0 exists │ Description │√ Cleaned project directories │ Installs the codebase onto your local machine │| Downloading frontend │ │√ Downloading backend │ │ │ │ │ │ │ │ └──────────────────────────────────────────────────────────────┘
C:\Users\lenovo\Documents\current project\agora-chat-app\node_modules\yoga-layout-prebuilt\yoga-layout\build\Release\nbind.js:53
throw ex;
^
Error: spawn npx ENOENT
at notFoundError (C:\Users\lenovo\Documents\current project\agora-chat-app\node_modules\cross-spawn\lib\enoent.js:6:26)
at verifyENOENT (C:\Users\lenovo\Documents\current project\agora-chat-app\node_modules\cross-spawn\lib\enoent.js:40:16)
at ChildProcess.cp.emit (C:\Users\lenovo\Documents\current project\agora-chat-app\node_modules\cross-spawn\lib\enoent.js:27:25)
at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
Emitted 'error' event on ChildProcess instance at:
at ChildProcess.cp.emit (C:\Users\lenovo\Documents\current project\agora-chat-app\node_modules\cross-spawn\lib\enoent.js:30:37)
at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12) {
code: 'ENOENT',
errno: 'ENOENT',
syscall: 'spawn npx',
path: 'npx',
spawnargs: [
'react-native',
'init',
'omarchat2022',
'--title',
'"Group video by Omar Allam"',
'--template',
'agora-appbuilder-core#2.0.2',
'--skip-install'
]
}
Looks like a Node.js error, I'd suggest updating Node.js to the LTS release.

ERR_OSSL_EVP_UNSUPPORTED while attempting npx idk deploy of React app

I am posting this to hopefully spare someone else some of the bang-head-on-desk moments I encountered.
I received the following error when attempting to run npx cdk deploy today:
[my user]#MacBook-Pro: ~/[Path-to-my-project] $ npx cdk deploy [12:19:19] Bundling asset ApplicationStack/WebApp/WebAppDeploy/WebAppDeploy/Asset1/Stage... yarn run v1.22.15 warning Skipping preferred cache folder "/.cache/yarn" because it is not writable. warning Selected the next writable cache folder in the list, will be "/tmp/.yarn-cache-501". $ react-scripts build warning Cannot find a suitable global folder. Tried these: "/usr/local, /.yarn" Creating an optimized production build... Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:67:19) at Object.createHash (node:crypto:130:10) at module.exports (/asset-input/node_modules/webpack/lib/util/createHash.js:135:53) at NormalModule._initBuildHash (/asset-input/node_modules/webpack/lib/NormalModule.js:417:16) at handleParseError (/asset-input/node_modules/webpack/lib/NormalModule.js:471:10) at /asset-input/node_modules/webpack/lib/NormalModule.js:503:5 at /asset-input/node_modules/webpack/lib/NormalModule.js:358:12 at /asset-input/node_modules/loader-runner/lib/LoaderRunner.js:373:3 at iterateNormalLoaders (/asset-input/node_modules/loader-runner/lib/LoaderRunner.js:214:10) at iterateNormalLoaders (/asset-input/node_modules/loader-runner/lib/LoaderRunner.js:221:10) at /asset-input/node_modules/loader-runner/lib/LoaderRunner.js:236:3 at runSyncOrAsync (/asset-input/node_modules/loader-runner/lib/LoaderRunner.js:130:11) at iterateNormalLoaders (/asset-input/node_modules/loader-runner/lib/LoaderRunner.js:232:2) at Array.<anonymous> (/asset-input/node_modules/loader-runner/lib/LoaderRunner.js:205:4) at Storage.finished (/asset-input/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:55:16) at /asset-input/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:91:9 /asset-input/node_modules/react-scripts/scripts/build.js:19 throw err; ^ Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:67:19) at Object.createHash (node:crypto:130:10) at module.exports (/asset-input/node_modules/webpack/lib/util/createHash.js:135:53) at NormalModule._initBuildHash (/asset-input/node_modules/webpack/lib/NormalModule.js:417:16) at /asset-input/node_modules/webpack/lib/NormalModule.js:452:10 at /asset-input/node_modules/webpack/lib/NormalModule.js:323:13 at /asset-input/node_modules/loader-runner/lib/LoaderRunner.js:367:11 at /asset-input/node_modules/loader-runner/lib/LoaderRunner.js:233:18 at context.callback (/asset-input/node_modules/loader-runner/lib/LoaderRunner.js:111:13) at /asset-input/node_modules/react-scripts/node_modules/babel-loader/lib/index.js:59:103 { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' } Node.js v17.0.1 error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command. Failed to bundle asset ApplicationStack/WebApp/WebAppDeploy/WebAppDeploy/Asset1/Stage, bundle output is located at /Users/[my user]/PycharmProjects/ps-serverless-app/infrastructure/cdk.out/asset.8c7ae86f7dabf723a79310f22f328c471bdaec37da5325cd834784dc03a40eff-error: Error: docker exited with status 1 Subprocess exited with error 1 FAIL
This error is a bit confusing as my version of node is v16.13.0
It appears that simply upgrading npm to v8.1.3 is enough to trigger this issue.
It seems to be related to attempted use of MD4 algorithm.
I found an article here that has a working solution for my specific situation.
The answer by Chesiremoe worked perfectly for me.
Unfortutely I do not have enough "street cred" on here to comment on that post and thank this user specifically but this answer was much appreciated!!
Adding this code to node_modules\react-scripts\config\webpack.config.js
resolved this issue:
const crypto = require("crypto"); const crypto_orig_createHash = crypto.createHash; crypto.createHash = algorithm => crypto_orig_createHash(algorithm == "md4" ? "sha256" : algorithm);

Resources