2014-07-16 4 views
2

다음과 같은 문제가 있습니다.apache 서버에서 ember-cli 프로젝트를 배포하는 방법

ember-cli로 ember 응용 프로그램을 만들었습니다. ember serve

내가 아파치 아파치 서버에서이 응용 프로그램을 배포 할 명령을 실행할 때

응용 프로그램은 URL http://localhost:4200/을 통해 nodejs에 잘 작동합니다.

이렇게하려면 파이어 폭스에서 열 때 독립형으로 작동해야한다고 생각합니다. 나는이 문제를 해결할 수있는 방법

require is not defined

생성 된 index.html이

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Foo</title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no"> 

    <base href="/" /> 

    <link rel="stylesheet" href="assets/vendor.css"> 
    <link rel="stylesheet" href="assets/foo.css"> 
    </head> 
    <body> 
    <script> 
     window.FooENV = {"environment":"development","baseURL":"/","locationType":"auto","EmberENV":{"FEATURES":{}},"APP":{"LOG_RESOLVER":true,"LOG_ACTIVE_GENERATION":true,"LOG_MODULE_RESOLVER":true,"LOG_VIEW_LOOKUPS":true},"LOG_MODULE_RESOLVER":true}; 
     window.EmberENV = window.FooENV.EmberENV; 
    </script> 
    <script src="assets/vendor.js"></script> 
    <script src="assets/foo.js"></script> 
    <script> 
     window.Foo = require('foo/app')['default'].create(FooENV.APP); 
    </script> 
    </body> 
</html> 

입니다 :

내가 파이어 폭스에서 열

난 오류가 발생?

감사합니다, 당신은 그냥 더블 당신의 dist 폴더에 index.html 파일을 클릭처럼이 나에게 보이는

데이비드

+0

먼저'ember build --environment production'으로 프로젝트를 빌드 했습니까? 프로젝트를 빌드하고'/ dist' 폴더에 추가 한 다음 사용할 수 있습니다. – Altrim

+0

예. 나는 그것을 열면 그것이 내 vendor.js를 찾지 못한다고 불평한다. "net : ERR_FILE_NOT_FOUND file : /// J : /assets/ndd.css"어떻게하면이 문제를 해결할 수 있을까? ? –

+0

아마도 귀하의 CSS에서 이미지 파일이나 파일을 참조하고있는 경우에는 assets 폴더에 없습니다. 설명서에서 이미지, 글꼴 등의 에셋을 추가하는 방법과 그 포함 방법 http://iamstef.net/ember-cli/asset-compilation/ – Altrim

답변

4
file:///J:/assets/ndd.css 

. 이것은 작동하지 않습니다!

http 서버로 디렉토리를 제공해야합니다. 당신의 dist 폴더에

npm install -g http-server 

이동하고 http-server을 실행

은 NPM과 간단한 HTTP 서버를 설치합니다. 이 같은 메시지가 나타납니다 :

Starting up http-server, serving ./ on port: 8080 

지금 당신이 파이어 폭스에 타다 남은 응용 프로그램을 확인할 수 있습니다 http://localhost:8080

5

여기 올바르게 아파치의 엠버 CLI 응용 프로그램을 배포하기 위해해야 ​​할 일입니다.

XAMPP을 사용한다고 가정 해 보겠습니다. htdocs 안에 폴더를 만들고 이름은 myapp입니다. myapp에서 ember new appname 명령을 실행할 때 CLI를 사용하여 전체 프로젝트를 생성하고 appname 폴더에 넣습니다.

이제 ember build으로 프로젝트를 빌드하면 전체 컴파일 된 버전은 myapp\appname\dist에 위치합니다. 엠버 CLI가 index.html에서 base 메타 태그를 사용하기 때문에

, 당신은 myapp\appname\config\environment.jsbaseUrl 변수를 수정해야하고, myapp/appname/dist/로 설정됩니다.다시 앱이는 약간 복잡하고 완전히 비실 폴더 구조 localhost/myapp/appname/dist

를 방문하여 작동하지만 그것이 작동하는 방법의 좋은 예입니다 내가 이민자가 동일한 사용 사례 우연히 확신 .

관련 문제