2016-12-13 45 views
-1

我有一個AngularJs 2應用發展模式
工作被送達#如何運行角2的WebPack應用在EC2

webpack-development-server 

我要舉辦這個在EC2上。

我:
- 創建一個的Linux例如
- 安裝節點NPM
- 克隆我的回購從混帳
- 從根本跑

npm install 

package.json在哪裏。
- 跑

npm start 

但沒有任何反應。
在訪問亞馬遜的公共DNS地址,
我得到一個錯誤:

enter image description here

不知道我在錯過了什麼!
幫助請

的package.json是:

enter image description here

的WebPack通用/生產是:

enter image description here
enter image description here

tsconfig.json是:

enter image description here

+0

有你有dist文件夾存在,或者只是源? –

+0

./dist包含所有.js/.map/index.html文件。不知道爲什麼我不能通過。 – wowiamhere

+0

您是否安裝了http服務器? –

回答

1

全球使用安裝http-servernpm install http-server -g

運行

sudo http-server dist -a 127.0.0.1 -p 80 --cors 

因爲沒有-p,則默認爲端口8080和你,因爲你是在端口80此命令運行通過圖片試圖端口80將需要在該命令之前在根權限sudo下運行此操作。

用您的EC2內部/私有IP替換127.0.0.1

檢查HTTP服務器在端口監聽80

lsof -n -i:80 | grep LISTEN 
+0

我已**安裝了** http-server ** globaly **。我試圖運行** http-server -p 80但得到**錯誤:聽EADDRNOTAVAIL 0.0.0.0:80**。我也嘗試使用-a標誌和ec2 public dns地址運行,但得到了相同的錯誤:**錯誤:偵聽EADDRNOTAVAIL xxxx.xxxx.xxxx.xxxx:80 ** – wowiamhere

+0

請嘗試http-server -a 127.0.0.1 - p 80將127.0.0.1替換爲分配給您的EC2實例的私有/內部IP地址。 –

+0

我跑了:** http-server -p 80 -a 54.187.6.116 **,我得到了**錯誤:聽EADDRNOTAVAIL 54.187.6.116:80** Webpack編譯成./dist,但然後崩潰了這個錯誤。 – wowiamhere

0

這是最有可能是網絡連接問題,而不是與你的應用程序有問題。

確保:

  1. 網絡ACL是允許TCP端口80/443傳出和傳入流量。
  2. 安全組允許TCP端口80/443上的傳入流量。
  3. 您的本地防火牆(iptables在大多數情況下)被配置爲允許TCP端口80/443上的傳入連接。
+0

我已經檢查了您的答案的所有3個實例,並具有關於1,2和3的所有設置。 thanx – wowiamhere