尝试引用 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
我正在使用 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