search

cohki0305 / sns-app

2 stars 1 forks source link

npm run devで環境を立ち上げるが、localhost で接続が拒否されましたと表示 #21

Open takujapan opened 4 years ago

takujapan commented 4 years ago

①npm run devで環境ページを立ち上げたい。

➁localhostが接続できない。

➂npm run devを入力すると以下のエラーが発生した。 ERROR Failed to compile with 1 errors friendly-errors 05:54:09 ERROR in ./.nuxt/client.js friendly-errors 05:54:09

④過去のIssuesを確認すると似たようなエラーがあったので、package-lock.json 、node_modules を削除して再度npm installを試した。(※参照 https://qiita.com/simochee/items/388f9ed631c533401b4f) 再度npm run devをするもエラーは消えたがlocalhost接続が拒否される。 npm run devをした結果は以下になります。

sns-for-movie@1.0.0 dev /home/ubuntu/environment/sns-app nuxt

WARN mode option is deprecated. Please use ssr: true for universal mode or ssr: false for spa mode and remove mode from nuxt.config

WARN No .env file found in /home/ubuntu/environment/sns-app. nuxt:dotenv 05:58:59

ℹ NuxtJS collects completely anonymous data about usage. 05:59:01 This will help us improving Nuxt developer experience over the time. Read more on https://git.io/nuxt-telemetry

? Are you interested in participation? No ╭───────────────────────────────────────╮ │ │ │ Nuxt.js @ v2.14.6 │ │ │ │ ▸ Environment: development │ │ ▸ Rendering: client-side │ │ ▸ Target: server │ │ │ │ Listening: http://localhost:8080/ │ │ │ ╰───────────────────────────────────────╯

ℹ Preparing project for development 06:01:08 ℹ Initial build may take a while 06:01:08 ✔ Builder initialized 06:01:08 ✔ Nuxt files generated 06:01:09

✔ Client Compiled successfully in 16.09s

WARN 06:01:16 WARN risk - There are upcoming breaking changes: removeDeprecatedGapUtilities, purgeLayersByDefault, defaultLineHeights, standardFontWeights

WARN risk - We highly recommend opting-in to these changes now to simplify upgrading Tailwind in the future.

WARN risk - https://tailwindcss.com/docs/upcoming-changes 06:01:16

ℹ Waiting for file changes 06:01:26 ℹ Memory usage: 171 MB (RSS: 296 MB) 06:01:26 ℹ Listening on: http://localhost:8080/

GoogleChrom側の設定が問題かもしれないと思い、以下の記事を参考にGoogle Chromのドメインセキュリティポリシーを確認するが怪しいところが見当たりませんでした。 https://blog.masahiko.info/entry/2020/03/10/000025

~環境~ Mac node version➡︎v14.13.1 『ここまで出来たら環境の立ち上げをやっていきましょう。』の動画を視聴中

cohki0305 commented 4 years ago

ちょっと原因すぐにわからないので調査の時間ください！！ 🙇‍♂️

cohki0305 commented 4 years ago

@takujapan core-js をいれると解決するかもしれません！ 以下を実行したら直ったりしないですかね？

$ npm install --save core-js

ref. https://github.com/keystonejs/keystone/issues/3049

takujapan commented 4 years ago

@cohki0305 調査ありがとうございます。$ npm install --save core-jsを試したのですがlocalhotsの接続拒否されました。。 実行結果は以下になります。

ubuntu:~/environment/sns-app (initial) $ npm install --save core-js npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.

core-js@2.6.11 postinstall /home/ubuntu/environment/sns-app/node_modules/@nuxt/babel-preset-app/node_modules/core-js node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:

https://opencollective.com/core-js https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

core-js@3.6.5 postinstall /home/ubuntu/environment/sns-app/node_modules/core-js node -e "try{require('./postinstall')}catch(e){}"

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/watchpack-chokidar2/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

59 packages are looking for funding run npm fund for details

found 0 vulnerabilities

ubuntu:~/environment/sns-app (initial) $ npm run dev

sns-for-movie@1.0.0 dev /home/ubuntu/environment/sns-app nuxt

WARN mode option is deprecated. Please use ssr: true for universal mode or ssr: false for spa mode and remove mode from nuxt.config 12:14:36

WARN No .env file found in /home/ubuntu/environment/sns-app. nuxt:dotenv 12:14:36

╭───────────────────────────────────────╮ │ │ │ Nuxt.js @ v2.14.6 │ │ │ │ ▸ Environment: development │ │ ▸ Rendering: client-side │ │ ▸ Target: server │ │ │ │ Listening: http://localhost:8080/ │ │ │ ╰───────────────────────────────────────╯

ℹ Preparing project for development 12:14:41 ℹ Initial build may take a while 12:14:41 ✔ Builder initialized 12:14:41 ✔ Nuxt files generated 12:14:41

✔ Client Compiled successfully in 16.78s

WARN 12:14:49

WARN risk - There are upcoming breaking changes: removeDeprecatedGapUtilities, purgeLayersByDefault, defaultLineHeights, standardFontWeights 12:14:49

WARN risk - We highly recommend opting-in to these changes now to simplify upgrading Tailwind in the future. 12:14:49

WARN risk - https://tailwindcss.com/docs/upcoming-changes 12:14:49

ℹ Waiting for file changes 12:15:00 ℹ Memory usage: 248 MB (RSS: 402 MB) 12:15:00 ℹ Listening on: http://localhost:8080/ 12:15:00

cohki0305 commented 4 years ago

npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.

このメッセージによるとバージョン3より下は非推奨らしいので以下実行したらどうなりますかね？

$ npm install --save core-js@^3
takujapan commented 4 years ago

$ npm install --save core-js@^3 試したのですが接続拒否されました。 GoogleChromの閲覧履歴の削除、再起動、PCの再起動も試しました。

今回実行した結果にある WARN mode option is deprecated. Please use ssr: true for universal mode or ssr: false for spa mode and remove mode from nuxt.config は関係ないですかね？

実行結果は以下になります。

ubuntu:~/environment/sns-app (initial) $ npm install --save core-js@^3

core-js@3.6.5 postinstall /home/ubuntu/environment/sns-app/node_modules/core-js node -e "try{require('./postinstall')}catch(e){}"

Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!

The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:

https://opencollective.com/core-js https://www.patreon.com/zloirock

Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.3 (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/watchpack-chokidar2/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

59 packages are looking for funding run npm fund for details

found 0 vulnerabilities

ubuntu:~/environment/sns-app (initial) $ npm run dev

sns-for-movie@1.0.0 dev /home/ubuntu/environment/sns-app nuxt

WARN mode option is deprecated. Please use ssr: true for universal mode or ssr: false for spa mode and remove mode from nuxt.config 23:20:24

WARN No .env file found in /home/ubuntu/environment/sns-app. nuxt:dotenv 23:20:24

╭───────────────────────────────────────╮ │ │ │ Nuxt.js @ v2.14.6 │ │ │ │ ▸ Environment: development │ │ ▸ Rendering: client-side │ │ ▸ Target: server │ │ │ │ Listening: http://localhost:8080/ │ │ │ ╰───────────────────────────────────────╯

ℹ Preparing project for development 23:20:28 ℹ Initial build may take a while 23:20:28 ✔ Builder initialized 23:20:28 ✔ Nuxt files generated 23:20:28

✔ Client Compiled successfully in 13.20s

WARN 23:20:32

WARN risk - There are upcoming breaking changes: removeDeprecatedGapUtilities, purgeLayersByDefault, defaultLineHeights, standardFontWeights 23:20:32

WARN risk - We highly recommend opting-in to these changes now to simplify upgrading Tailwind in the future. 23:20:32

WARN risk - https://tailwindcss.com/docs/upcoming-changes 23:20:32

ℹ Waiting for file changes 23:20:43 ℹ Memory usage: 181 MB (RSS: 347 MB) 23:20:43 ℹ Listening on: http://localhost:8080/ 23:20:43

cohki0305 commented 4 years ago

WARN mode option is deprecated. Please use ssr: true for universal mode or ssr: false for spa mode and remove mode from nuxt.config

WARN なのでたぶん今回の件とは関係なさそうですね...

Compiled successfully in 13.20s

よく見たらコンパイル成功しているみたいですが、動いてませんかね？

cohki0305 commented 4 years ago

あっもしかしてローカルではなくて cloud9 とか使われていますか？ その場合は localhost 使えないのですよね... localhost って自分のパソコンのことを指すので！

もしそうならやり方少し調べるので少々お待ち下さい。

cohki0305 commented 4 years ago

よく見たら環境 Mac って書いてましたね 💦

cohki0305 commented 4 years ago

調査ありがとうございます。$ npm install --save core-jsを試したのですがlocalhotsの接続拒否されました。。

これって具体的にどういう状況か教えていただけますか？ ブラウザに何を入力してどういうふうに表示されているのかなど。

takujapan commented 4 years ago

Cloud9を使っていました。。勉強不足で申し訳ございません。 調査していただいてありがとうございます。

GoogleChromにhttp://localhost:8080/ を入力すると以下が表示されます。

このサイトにアクセスできませんlocalhost で接続が拒否されました。 次をお試しください

接続を確認する プロキシとファイアウォールを確認する ERR_CONNECTION_REFUSED

cohki0305 commented 4 years ago

僕も状況ちゃんと把握できていませんでした 🙇 すみません！

cloud9だとpreviewというボタンがあると思います！ こちらをクリックしていただくと動くと思います。

cloud9はクラウド上でプログラムが動いているので、localhostでアクセスしようとしても上手くいかないというのが今回の原因です。ちょっとややこしいのですが、クラウド上にあるcloud9が立ち上げた環境の localhost:8080 でアプリケーションが動いているという状況です。これにアクセスするためには、preview ボタンを押す必要があるということです！

takujapan commented 4 years ago

previewボタンをクリックして動きました！！！ お騒がせしました。申し訳ございませんでした。

親切にご対応していただき本当にありがとうございます。

cohki0305 commented 4 years ago

うまく行ってよかったです！！ すみません、僕の確認ミスで解決するのが遅くなってしまいました 🙇