尝试引用 github 存储库时出错答案

【问题标题】：Error when trying to reference a github repository尝试引用 github 存储库时出错
【发布时间】：2023-03-13 11:53:01
【问题描述】：

我正在使用 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'

当我检查节点模块/primeng 时，我只看到这些文件：

我做错了什么？

【问题讨论】：

检查 npm 忽略文件，他们肯定忽略了 npm 忽略中的 src 文件，所以你没有在节点模块文件中得到它
我更正了 toir 标记！请记住！

标签： node.js git angular npm primeng

【解决方案1】：

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

由于使用 Github repo 源是为了调试，所以解决方法是手动构建包。考虑到资源是由with Gulp 和not generic NPM build 脚本构建的，它应该是这样的：

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

【讨论】：

我运行 node_modules\primeng>gulp build-assets [17:27:45] 找不到 gulpfile
@pantonis 用眼睛检查当前工作目录是否正确。 gulpfile.js 应该在那里。
如上所述，我引用了primeng。然后我转到我的项目的 node_modules ，在那里我看到我在上面发布的屏幕截图中发布的文件我运行 npm i 并且在下载包后我没有看到任何 gulpfile.js
@pantonis 注意 gulpfile.js 也被忽略了，github.com/primefaces/primeng/blob/4.2.2/.npmignore#L51。考虑将 repo 直接克隆到 node_modules，或者分叉并取消忽略对构建至关重要的所有文件。
@estus 按照您的建议将 repo 克隆到 node_modules 后，我需要运行任何东西还是只构建我的项目？

【解决方案2】：

你不需要 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

【讨论】：