1

gulpfile.js を使用して primeng コンポーネントをインポートすることはできませんが、他のサードパーティ コンポーネントをインポートすることはできます。

不明なソース エラーが発生します。助けてください。

primeng.js のパスを変更する必要がありますか?

Layout.cshtml:

   <script src="js/primeui-ng-all.js"></script>
 <script>
    System.config({
        packages: {
            'app': {
                format: 'register',
                defaultExtension: 'js'
            }
        },
        map: {
            "angular2-jwt": "lib/angular2-jwt.js",
            "primeng": "lib/primeng.js"
        }
    });
    System.import('app/boot').then(null, console.error.bind(console));
</script>

GULPFILE.JS

gulp.task('copy:libs', ['clean'], function () {
   return gulp.src([
    'node_modules/es6-shim/es6-shim.min.js',
    'node_modules/systemjs/dist/system-polyfills.js',
    'node_modules/angular2/es6/dev/src/testing/shims_for_IE.js',
    'node_modules/angular2/bundles/angular2-polyfills.js',
    'node_modules/systemjs/dist/system.src.js',
    'node_modules/rxjs/bundles/Rx.js',
    'node_modules/angular2/bundles/angular2.dev.js',
    'node_modules/angular2/bundles/router.dev.js',
    'node_modules/angular2/bundles/http.dev.js',
    'node_modules/angular2-jwt/angular2-jwt.js',
    'node_modules/angular2-jwt/angular2-jwt.js.map',
    'node_modules/primeng/primeng.js',
    'node_modules/primeng/primeng.js.map',
])
.pipe(gulp.dest(paths.libJsDest))
 });

成分:

import {DataTable, Column} from 'primeng/primeng';

データテーブル、列をインポートしてディレクティブに追加し、以下のようにコンポーネントで使用しました

   <div class="row">
                    <p-dataTable [value]="projects">
                        <p-column field="name" header="name"></p-column>
                        <p-column field="projectState" header="projectState"></p-column>
                    </p-dataTable>
   </div>

しかし、私は以下のエラーが発生します:

 Syntax error
  Evaluating http://localhost:2595/lib/primeng.js/primeng
  Error loading http://localhost:2595/app/boot.js
4

1 に答える 1