1

我无法使用 gulpfile.js 导入primeng 组件，但我可以在哪里导入其他第三方组件。

我收到未知来源错误。请帮忙。

我是否必须更改 primeng.js 中的路径？

布局.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

0

您必须将地图更改为： map: { 'primeng': 'lib/primeng' }

并且您必须更改 gulp 任务以导出所有组件。

我正在努力更改此配置以仅导入您需要的组件。

于 2016-05-03T14:30:47.373 回答