2017-01-18 3 views
1

У меня есть проект, который отлично работает в среде dev-сервера, но теперь я пытаюсь запустить его на сервере Apache. Я запускал «npm run build» в моем файле package.json («build»: «babel-node tools/build.js & & npm run open: dist»), и он создал папку dist со следующими файлами:Как запустить проект Webpack на сервере apache

  • index.html
  • main.js
  • main.map.js
  • main.css
  • main.css.map

Я поместил эту папку INSI de из папки htdocs в моем каталоге Apache. Я дважды щелкнул по index.html, надеясь, что это приведет меня к главной странице приложения, но ничего не произойдет. Даже ошибка в консоли.

Вот файл index.html Я использую:

<!DOCTYPE html> 
<html lang="en"><head> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta charset="utf-8"/> 
    <title>Survey Builder</title> 
    <link href="./dist/app/main.8286783e52fd295f2f9e5d678a8a2acd.css" rel="stylesheet"> 
    </head> 
     <body> 
      <div id="app"> 
      </div> 
      <script type="text/javascript" src="./dist/app/main.66670fe7523b3b72f307.js"></script> 
     </body> 
</html> 

Благодаря кучу заранее!

+1

Dev сервер работает на узле. Тем не менее, вы могли бы обслуживать любые скомпилированные файлы с любого веб-сервера, хотя –

+0

soooo - как вы думаете, что я делаю неправильно? – nikotromus

+0

Во-первых, вы запустили сервер Apache? Также двойной щелчок по файлу HTML не откроет версию, которую обслуживает ваш сервер. Перейдите по адресу http: // localhost и посмотрите, что там –

ответ

1

Я отвечу на свой вопрос.

* Если вы используете React и вы развертываете Apache, вам необходимо знать, что путь, по которому вы размещаете файлы в Apache, должен быть отражен в ваших маршрутах React. Итак, если вы разместите готовое изделие для создания файлов React в папке в каталоге htdocs Apache, вы также должны отразить этот путь в своих маршрутах. Если вы выгрузите готовые готовые файлы прямо в каталог htdocs Apache, он будет работать из коробки.

Надеюсь, это поможет ...