Cloud 9 IDE Vue.js unable to preview browser on 8080

0

Environment: Using t3.small with resized EBS to 20GB; Connecting from: Mac OS (Safari or Chrome - current versions)

Repro:

nvm install stable
npm install -g @aws-amplify/cli        # optional (unless testing `amplify run`)
npm install vue
npm install -g @vue/cli

vue create testsite
# use babel, router, lint; vue3

cd testsite
npm run serve

At this point server is running normally with following message:

App running at:

However Cloud9 reports following error: Cloud9 Help You may be using the wrong PORT & IP for your server application. Try passing port 8080 to properly launch your application.

We can continue installing Amplify to show it also fails with amplify run:

amplify configure     # create or use existing amplify user passing appropriate key/secret ids
amplify init                # use defaults
npm install aws-amplify @aws-amplify/ui-components
amplify add auth      # optional - I was trying to test drive Cognito; some code changes required, but not relevant for this test
amplify push
amplify run

Same result as with npm run serve.

Reviewed following references, but did not find any working solutions:

When I had first started while following the initial Cloud 9 guide I was able to get the preview application to work while using the default t3.micro instance on Safari. After upgrading to t3.small it did not work any longer, though the t3.micro instance was failing in numerous other ways due to low memory, so this was not a viable setup. Following through the Cloud 9 instructions to create new environment instances I was unable to get any working Preview scenarios in any of the environments following various variations on the setup and sequencing of the vue3 and vue/cli installation.

Any additional suggestions are appreciated.

질문됨 2년 전119회 조회
답변 없음

로그인하지 않았습니다. 로그인해야 답변을 게시할 수 있습니다.

좋은 답변은 질문에 명확하게 답하고 건설적인 피드백을 제공하며 질문자의 전문적인 성장을 장려합니다.

질문 답변하기에 대한 가이드라인