Localhost 3000 refused to connect

🙋Get Help
1

Hi, Please excuse me as I am new to Frontity, I have just come across Frontity on youtube and wanted to try it out as im learning React js and just love Wordpress. I followed the instructions on how to install the app with node and it creates all the files correctly, the only problem is that it does not show up on the localhost 3000. I have done everything from from turning off the firewall to resetting browser but cannot get it to show the newly created react app. Please help.

error in the browser: " This site can’t be reached

localhost refused to connect."

error in the console:

SERVER STARTED -- Listening @ http://localhost:3000
  - mode: development
  - target: module
  - public-path: /static/

(node:32696) Warning: Closing file descriptor 20 on garbage collection
(Use `node --trace-warnings ...` to show where the warning was created)
(node:32696) [DEP0137] DeprecationWarning: Closing a FileHandle object on garbage collection is deprecated. Please close FileHandle objects explicitly using FileHandle.prototype.close(). In the future, an error will be thrown if a file descriptor is closed during garbage collection.
Error: error:0308010C:digital envelope routines::unsupported

- A repository with the code of your project
N/A
- A deployed version of your site
N/A
- The URL of your WP REST API
N/A
`
-->
2

Hi,

Wich NodeJs version are you using ?

3

Hello,

Thanks for you responnse. Its Node.js v18.9.1

4

Literally the same problem here, just installed frontify “npx frontify create bla-bla-bla” “cd bla-bla-bla” “npx frontify dev” ERROR O.O
node -v: v18.7.0
npm -v: 8.15.0

SERVER STARTED -- Listening @ http://localhost:3000
  - mode: development
  - target: module
  - public-path: /static/


(node:11636) Warning: Closing file descriptor 3 on garbage collection
(Use `node --trace-warnings ...` to show where the warning was created)
(node:11636) [DEP0137] DeprecationWarning: Closing a FileHandle object on garbage collection is deprecated. Please close FileHandle objects explicitly using FileHandle.prototype.close(). In the future, an error will be 
thrown if a file descriptor is closed during garbage collection.
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:71:19)
    at Object.createHash (node:crypto:133:10)
    at module.exports (C:\bla-bla-bla\node_modules\webpack\lib\util\createHash.js:135:53)
    at NormalModule._initBuildHash (C:\bla-bla-bla\node_modules\webpack\lib\NormalModule.js:417:16)
    at handleParseError (C:\bla-bla-bla\node_modules\webpack\lib\NormalModule.js:471:10)
    at C:\bla-bla-bla\node_modules\webpack\lib\NormalModule.js:503:5
    at C:\bla-bla-bla\node_modules\webpack\lib\NormalModule.js:358:12
    at C:\bla-bla-bla\node_modules\loader-runner\lib\LoaderRunner.js:373:3
    at iterateNormalLoaders (C:\bla-bla-bla\node_modules\loader-runner\lib\LoaderRunner.js:214:10)
    at iterateNormalLoaders (C:\bla-bla-bla\node_modules\loader-runner\lib\LoaderRunner.js:221:10)

:man_shrugging: Âżideas?

5

Since frontity is not updated anymore you will have to use NodeJs 16, I suggest you install NVM, then just type nvm use 16 in your terminal before using any frontity command