Question

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

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

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

Layout.cshtml：

VALUE                                
--------------------------------------
WAP WAPA WAPB                          
WAP AWAP XWAP                          
ABC XABCY ZABCO                        
ABCDE,XABCDE,XXABCDE,ABCDEXXY,XABCDEYY

GULPFILE.JS

   <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>

成分：

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>

Answer 1

您必须将地图更改为：地图：{ ＆＃39; primeng＆＃39;：＆＃39; lib / primeng＆＃39; }

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

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

如何使用gulpfile.js导入primeng组件？

1 个答案: