尝试引用 github 存储库时出错

Error when trying to reference a github repository

我正在使用 angular 2,我试图直接引用 github 存储库而不是 npm 包来进行调试,但项目无法编译。 在我的 packages.json 中,我将 "primeng": "4.2.2", 更改为 "primeng": "git+https://github.com/primefaces/primeng.git"

构建时出现以下错误

ERROR in multi ./node_modules/simple-line-icons/css/simple-line-icons.css ./node_modules/font-awesome/css/font-awesome.css ./node_modules/famfamfam-flags/dist/sprite/famfamfam-flags.css ./node_modules/bootstrap-select/dist/css/bootstrap-select.css ./node_modules/jquery.uniform/dist/css/default.css ./node_modules/toastr/build/toastr.css ./node_modules/sweetalert/dist/sweetalert.css ./node_modules/jstree/dist/themes/default/style.min.css ./node_modules/jtable/lib/themes/metro/blue/jtable.min.css ./node_modules/morris.js/morris.css ./node_modules/bootstrap-daterangepicker/daterangepicker.css ./node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css ./src/app/shared/core.less ./src/app/shared/layout/layout.less ./src/assets/bootstrap-datepicker/css/bootstrap-datepicker.min.css ./node_modules/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css ./src/styles.css ./src/fonts.css ./src/Test-palette.css ./src/app/risk-management/styles/module-styles.css ./src/primeng-chips.css ./src/primeng-datatable.css ./src/primeng-multiselect.css ./src/primeng-sidebar.css ./src/animations.css ./node_modules/primeng/resources/primeng.min.css ./node_modules/primeng/resources/themes/redmond/theme.css ./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ./node_modules/loaders.css/loaders.min.css
Module not found: Error: Can't resolve 'C:\SourceControl\Test\TestProject\src\TestProject.Client\node_modules\primeng\resources\primeng.min.css' 

当我检查节点 modules/primeng 时,我只看到这些文件:

我做错了什么?

NPM primeng 软件包是为分发而构建的,具有 resources 目录,而 Github 存储库仅包含源文件。这在 NPM 包中很常见。

由于Github repo 源用于调试目的,解决方案是手动构建包。考虑到资源是构建with Gulp and not generic NPM build脚本,应该是这样的:

cd ./node_modules/primeng
npm i
gulp build-assets

那里不需要 github.com 前缀,这应该足够了:

"primeng": "primefaces/primeng"

这里有更多相关信息:https://docs.npmjs.com/files/package.json#github-urls

问题是 resources 文件夹被 .gitignore 忽略了。有一个 gulpfile.js,负责创建它。如果您想直接使用 github 版本,您可以手动 运行 那个。

https://github.com/primefaces/primeng/blob/master/gulpfile.js