質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Scala

ScalaはJava仮想マシンで動作を行うオブジェクト指向型プログラミング言語の1つです。静的型付けの関数型言語で、コンパイルエラーの検出に強みがあります。

IntelliJ IDEA

IntelliJ IDEA(インテリジェイ アイディア)は、JetBrains社が開発した、 JavaやScalaなどで利用される統合開発環境です。

Q&A

1回答

844閲覧

sbtからnpm startを起動してもlocalhost:3000にアクセスできない

yay

総合スコア17

Scala

ScalaはJava仮想マシンで動作を行うオブジェクト指向型プログラミング言語の1つです。静的型付けの関数型言語で、コンパイルエラーの検出に強みがあります。

IntelliJ IDEA

IntelliJ IDEA(インテリジェイ アイディア)は、JetBrains社が開発した、 JavaやScalaなどで利用される統合開発環境です。

0グッド

0クリップ

投稿2020/09/27 18:32

編集2020/11/24 06:58

scala-playframeworkを利用して、フロント側をreactで構築するwebアプリを開発しようとしています。
構築手法は参考サイトを追ってみてブラウザが立ち上がるところまではいったのですが、(sbtでplay側:localhost:9000とreact側:localhost:3000をsbt runで同時に立ち上げるもの)localhost:3000へのアクセスができない状態です。

ディレクトリ構造

myproject(sbtプロジェクト)
|__app
|__conf
|...
|__ui (フロント側のソース)
|  |__public
|  |__src
|  |__package.json
|  |...

実行結果

IntelliJからsbtで実行

bash

1C:\Users\yay\myproject>sbt run 2[info] welcome to sbt 1.3.13 (Oracle Corporation Java 11.0.2) 3[info] loading global plugins from C:\Users\yay.sbt\1.0\plugins 4... 5--- (Running the application, auto-reloading is enabled) --- 6[info] p.c.s.AkkaHttpServer - Listening for HTTP on /0:0:0:0:0:0:0:0:9000 7(Server started, use Enter to stop and go back to the console...) 8> ui@0.1.0 start C:\Users\yay\myproject\ui 9> react-scripts start 10i ・「wds・」: Project is running at http://xxx.xxx.xxx.xxx/ 11i ・「wds・」: webpack output is served from 12i ・「wds・」: Content not from webpack is served from C:\Users\yay\myproject\ui\public 13i ・「wds・」: 404s will fallback to / 14Starting the development server... 15WARNING: An illegal reflective access operation has occurred 16WARNING: Illegal reflective access by com.google.inject.internal.cglib.core.$ReflectUtils$1 (file:/C:/Users/yay/AppData/Local/Coursier/cache 17/v1/https/repo1.maven.org/maven2/com/google/inject/guice/4.2.3/guice-4.2.3.jar) to method java.lang.ClassLoader.defineClass(java.lang.String,b 18yte[],int,int,java.security.ProtectionDomain) 19WARNING: Please consider reporting this to the maintainers of com.google.inject.internal.cglib.core.$ReflectUtils$1 20WARNING: Use --illegal-access=warn to enable warnings of further illegal reflective access operations 21WARNING: All illegal access operations will be denied in a future release 222020-09-28 03:04:32 INFO play.api.http.EnabledFilters Enabled Filters (see <https://www.playframework.com/documentation/latest/Filters>): 23 play.filters.csrf.CSRFFilter 24 play.filters.headers.SecurityHeadersFilter 25 play.filters.hosts.AllowedHostsFilter 262020-09-28 03:04:32 INFO play.api.Play Application started (Dev) (no global state)

uiディレクトリ内でnpm startをすれば普通にlocalhostにアクセスできます。

bash

1C:\Users\yay\myproject\ui>npm start 2> ui@0.1.0 start C:\Users\yay\myproject\ui 3> react-scripts start 4i ・「wds・」: Project is running at http://192.168.2.100/ 5i ・「wds・」: Project is running at http://xxx.xxx.xxx.xxx/ 6i ・「wds・」: webpack output is served from 7i ・「wds・」: Content not from webpack is served from C:\Users\yay\myproject\ui\public 8i ・「wds・」: 404s will fallback to / 9Starting the development server... 10Files successfully emitted, waiting for typecheck results...

sbtで実行したときには何やらwarningがたくさん出ていましたが、調べてもよくわかりませんでした。。。

環境

OS:Win10
npm: 6.14.6
node: 12.18.3
sbt: 1.3.4
jdk: openJDK11
IntelliJ: community-2020.2.2

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

参考サイトではFrontendRunHookでnpmを起動していましたが、添付されているログを見た感じそこが動いていなそうです。
RunHookが呼び出されているかとか、それに必要な記述が足りているかなど調べてみてはどうでしょうか?

投稿2020/11/18 08:14

rysh

総合スコア874

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問