2017-12-10 18 views
9

mgechev/angular-seed2muchcoffeecom/ngx-restangular으로 빌드 된 기본 애플리케이션이 있습니다. 나는 그것들을 통합하고 싶지만 그것을하는 방법을 찾을 수 없다.앵글 시드에 ngx-restangular를 추가하는 방법은 무엇입니까?

angular-seed 설명서를 따라 간단하게 project.config.ts에 몇 개의 패키지를 추가하기 전에. 여기

잘 작동 구성의 일부입니다 :

... 
    # tools/config/project.config.ts 

    let additionalPackages: ExtendPackages[]; 
    additionalPackages = [ { 
     name: 'angular2-jwt', 
     path: 'node_modules/angular2-jwt', 
     packageMeta: { 
      defaultExtension: 'js', 
     } 
    }, { 
     name: 'ngx-progressbar', 
     path: 'node_modules/ngx-progressbar/bundles/ngx-progressbar.umd.js', 
    }, { 
     name: 'ng2-charts', 
     path: 'node_modules/ng2-charts/bundles/ng2-charts.umd.min.js' 
    }, { 
     name:'ngx-bootstrap', 
     path:'node_modules/ngx-bootstrap/bundles/ngx-bootstrap.umd.min.js' 
    }, { 
     name:'ngx-bootstrap/*', 
     path:'node_modules/ngx-bootstrap/bundles/ngx-bootstrap.umd.min.js' 
    }, { 
     name:'ng2-select-compat', 
     path:'node_modules/ng2-select-compat/bundles/ng2-select-compat.umd.min.js' 
    }, { 
     name:'ngx-avatar', 
     path:'node_modules/ngx-avatar/ngx-avatar.umd.js' 
    }]; 
... 

을하지만 ngx-restangular를 추가하기 위해 노력하고있어 때

(index):60 SyntaxError: Unexpected token < at eval (<anonymous>)

:

... 
# tools/config/project.config.ts 

const additionalPackages: ExtendPackages[] = [ 
    { 
     name: 'ngx-restangular', 
     path: 'node_modules/ngx-restangular/dist/esm/src/', 
     packageMeta: { 
      defaultExtension: 'js', 
      main: './index.js', 
     } 
    }]; 
... 

응용 프로그램에서 오류가 발생합니다

브라우저 네트워크 탭에서 나는 012를 볼 수 있습니다.개 파일은로드 :

  • 하는 index.js
  • NGX-restangular.module.js는
  • NGX-restangular.js
  • NGX-restangular-http.js
  • NGX-restangular.config을
  • 의 .js
  • NGX-restangular-config.factory.js
  • NGX-restangular-helper.js

Link to Github repository. 은 단순히이보고에서/포크와 npm install && npm start

Link 구성 파일 project.config.ts

+0

index.js의 내용을 게시 할 수 있습니까? –

+1

@AlfMoh'node_modules/ngx-restangular/dist/esm/src // index.js' https://gist.github.com/tulik/a916e0774d343a0c5592b09bf7c613b4 –

+0

ngx-restangular는 동일한 .umd.js 번들에 있습니다. 휴식? – ShaneG

답변

1

를 복제하십시오, 해당 지역의 ENV에서 실행하려면

Error: SyntaxError: Unexpected token <

그것은 구문 분석을 시도하는 것 html 404 응답. 그것의 가능성이 그것은 찾을 수없는 파일에 액세스하려고합니다. .umd.js를 사용하고 있습니다. 이것은 설정 파일 내에서 올바르게 설정되어 있습니까? 다음과 같은 것 :

additionalPackages.forEach(function (pkgName) { 
packages['@angular/' + pkgName] = { main: 'bundle/'+ pkgName + '.umd.js', defaultExtension: 'js' }; 
} 

내가 여기에 전달한 링크는 도움이 될 수도 있습니다. 희망이 도움이!

+0

불행히도 ngx-restangular에는'umd.min.js' 파일이 없습니다. 'node_modules/ngx-restangular/dist/esm/src /'경로를 가진 해결책은'ngx-restangular' 파일을로드하고 있습니다. 컴파일 된 JS 파일 https://gist.github.com/tulik/9d1e4ea5201e48abfbd8d1c5e861f193에서'angular-seed'에 정의 된 것처럼 보이는'var rxjs_1 = require ("rxjs");를 찾을 수 없습니다 : https ://github.com/mgechev/angular-seed/blob/master/tools/config/seed.config.ts#L609 –