2017-12-10 3 views
9

私はmgechev/angular-seed2muchcoffeecom/ngx-restangularで構築されたスケルトンアプリケーションを持っています。私はそれらを統合したいですが、私はそれを行う方法を解決することができません。角度シードにngx-restangularを追加するにはどうすればよいですか?

project.config.tsにいくつかのパッケージを追加する前に、単にangular-seedのドキュメントに従ってください。ここで

が正常に動作した構成の一部です:

... 
    # 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を追加しようとしています:

... 
# 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', 
     } 
    }]; 
... 

アプリケーションでエラーが発生します:

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

ブラウザのネットワークタブでは、私は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
Githubのリポジトリへ

Link。お近くのENVでそれを実行する、単に本を見てから/フォークと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

同じ.umd.jsバンドルにngx-restangleがあります。残り? – ShaneG

答えて

1

のクローンを作成してください:

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'ファイルをロードしているパスを持つソリューション。します。https:/ここでは、角-seed' 'で定義されているように見える';コンパイルしたJSファイルhttps://gist.github.com/tulik/9d1e4ea5201e48abfbd8d1c5e861f193では、VAR rxjs_1 =( "rxjs")を必要と '見つけることができません/github.com/mgechev/angular-seed/blob/master/tools/config/seed.config.ts#L609 –

関連する問題