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