Tag: angular cli

如何稳定{Node} npm依赖系统?

我正在使用angular-cli并使用Angular2构build一个SPA。 我有一个Jenkins构build系统,在我的应用程序中,每当我的项目存储库发生变化时,都会触发一个基本上删除整个node_modules文件夹的构build,然后执行npm install ,然后执行构build过程。 所有这些都是在Linux机器上远程完成的。 问题: 现在我面临的问题是二级和三级依赖问题。 大多数依赖(如果不是全部)我使用npm安装有自己的packagae.json文件,这反过来有自己的,等等。 所以,即使我通过删除插入符号或波形符号来冻结我的主package.json文件中的版本,我也无法控制二级和三级依赖项的版本。 这导致了很多UNMET PEER DEPENDENCY错误,因为一个依赖需要同一个组件的一个版本,而另一个需要另一个版本! 题: 所以我的问题是,我如何确保这不会发生,并实现稳定的依赖安装?

在Angular-Cli WebPack脚本中,我想对绑定的脚本重新sorting

我在Angular2项目上工作。 我使用Angular-CLI脚手架angular度的应用程序。 Angular-CLI默认使用WebPack来处理很多事情,其中​​一个就是捆绑脚本。 我使用npm:codrops-animated-header安装了这个包,需要我包含一个脚本到另一个之上,所以在angular-cli.json中,我根据需要对它们进行了sorting(检查最后2行:我要加载classie.js之前cbpAnimatedHeader.min.js): "scripts": [ "../node_modules/jquery/dist/jquery.js", "../node_modules/tether/dist/js/tether.js", "../node_modules/bootstrap/dist/js/bootstrap.js", "../node_modules/codrops-animated-header/js/classie.js", "../node_modules/codrops-animated-header/js/cbpAnimatedHeader.min.js" ], 但在控制台我发现这个错误: Uncaught TypeError: Cannot read property 'classList' of null at Object.addClass (eval at module.exports (http://localhost:4200/scripts.bundle.js:1:1), <anonymous>:33:9) at d (eval at module.exports (http://localhost:4200/scripts.bundle.js:1:1), <anonymous>:11:262) at ZoneDelegate.invokeTask (http://localhost:4200/vendor.bundle.js:100298:35) at Zone.runTask (http://localhost:4200/vendor.bundle.js:100174:47) at ZoneTask.invoke (http://localhost:4200/vendor.bundle.js:100368:33) at data.args.(anonymous function) (http://localhost:4200/vendor.bundle.js:101247:25) 当我检查捆绑脚本我发现cbpAnimatedHeader.min.js之前classie.js如下所示: /***/ 782: /***/ function(module, exports) { […]

来自NodeJS的Angular-Cli

当我直接从terminal窗口使用Angular-Cli构build我的项目时,这样工作: $ ng build 现在我想使用spawn从nodejs运行它。 然而, const spawn = require('child_process').spawn; const bld = spawn("ng build"); 抛出: child process has an error with code Error: spawn ng build ENOENT child process exited with code -2 为什么发生这种情况? (我正在运行从同一文件夹内的一切。)

不能使用Cli安装Angular2应用程序

我跟着链接; https://github.com/angular/angular-cli/wiki npm版本:5.0.1 节点版本:6.11.0 我运行命令 npm install -g @angular/cli 我试过的解决scheme npm uninstall -g @angular/cli npm cache clean npm install -g @angular/cli@latest 但它不适合我。 这是npm错误或angular度2。 请build议。 错误 unexpected end of input at 1:13267 我也试过; https://angular.io/docs/ts/latest/guide/setup.html 。 npm安装不工作

如何在Angular CLI中configuration代理

我创build了一个新的@ angular / cli项目,并在根组件中添加了一个http GET调用。 没有使用代理这工作正常。 export class AppComponent implements OnInit { constructor(private http: Http) {} ngOnInit() { this.http .get('https://dog.ceo/api/breeds/list/all') .map(response => response.json()) .subscribe(data => console.log(data)); } } 当我尝试添加在Angular CLI wiki中描述的configuration时,事情就会出错。 我的proxy.conf.json文件: { "/api": { "target": "https://dog.ceo", "secure": false } } 我将组件中的URL更改为/api/breeds/list/all 。 而我运行ng serve –proxy-config proxy.conf.json 然后,我在浏览器控制台中发出内部服务器错误消息。 而在我开始服务的terminal,我得到这个消息[HPM] Error occurred while trying to proxy […]

使用Angular-cli创build新项目时出错

当我试图通过使用命令创build新的项目, 新的项目名称 ,我得到像下面的错误: fs.js:640 return binding.open(pathModule._makeLong(path),stringToFlags(flags),mode); ^ TypeError:path必须是Object.fs.readFileSync(fs.js:508:33)上的Object.fs.openSync(fs.js:640:18)上的TypeError(native)上的string或缓冲区,位于Function.Version.fromProject (/usr/lib/node_modules/angular-cli/upgrade/version.js:87:31)at Function.Version.isPreWebpack(/usr/lib/node_modules/angular-cli/upgrade/version.js:111:31)位于/ usr / usr / lib / node_modules / angular-cli / bin / ng:25:15处的Function.Version.assertPostWebpackVersion(/usr/lib/node_modules/angular-cli/upgrade/version.js:97:18) /lib/node_modules/angular-cli/node_modules/resolve/lib/async.js:44:21 at ondir(/usr/lib/node_modules/angular-cli/node_modules/resolve/lib/async.js:187:31)在/usr/lib/node_modules/angular-cli/node_modules/resolve/lib/async.js:153:39 Ubuntu 14.04 64位 节点6.6.0 npm 3.9.5 angular-cli@1.0.0-beta.14 我在安装angular-cli时怀疑有些问题,但我不确定。 任何帮助将是有益的。

与primeng 404问题的angular-cli @ webpack

我在启动项目中使用angular2,angular-cli @ webpack和primeng,得到以下错误。 PrimeNG中唯一的ui组件是一个呈现的下拉列表,它有它的值,但是没有css主题被应用(见下面关于CSS的错误)。 我不知道为什么我得到这个错误,并花了无数个小时没有结果,所以我现在处于亏损状态。 使用ng命令生成组件,ng serve运行web服务器。 任何人有任何想法? 我也尝试了node.js 6.5.0和4.5.0(用nvm切换和pipe理它们)。 任何帮助深深的赞赏。 无法加载资源:服务器响应状态为404(未find) http:// localhost:3000 / node_modules / primeng / resources / primeng.min.css加载资源失败:服务器响应状态为404(未find) http:// localhost:3000 / src / app / resources / css / font-awesome-4.6.3 / css / font-awesome.min.css加载资源失败:服务器响应状态为404未find) http:// localhost:3000 / node_modules / primeui / primeui-ng-all.min.css加载资源失败:服务器响应状态为404 顺便说一下,我发布了代码: https : //github.com/GregHila/primeng-angular-cli 。

使用angular度cli从node_modules文件夹添加CSS

我已经用npm安装了一个新的库,到目前为止这么好。 现在我想在那里导入的CSS到我的项目,显然我不应该直接链接到node_modules文件夹。 那么,有没有一个简单的做我的项目导入? 我正在使用Angular CLI。 我有一个想法,但我不知道这是一个好主意 – 我想安装gulp / grunt,然后需要那里的风格,并将其作为vendor.css输出到我的项目。 这甚至有可能吗?

npm ERR! 代码EPERM

我使用节点v6.11.2,npm v5.3.0和angular / cli v1.2.7。 我突然收到以下错误消息为我的npm安装的大多数。 以前从未见过… mmeppiel@MC-LT-MMEPPIEL MINGW64 ~/Desktop/Angular Solutions/my-app (master) $ npm install –save bootstrap@4.0.0-alpha.6 font-awesome npm ERR! path C:\Users\mmeppiel\Desktop\Angular Solutions\my-app\node_modules\fs events\node_modules npm ERR! code EPERM npm ERR! errno -4048 npm ERR! syscall lstat npm ERR! Error: EPERM: operation not permitted, lstat 'C:\Users\mmeppiel\Desktop \Angular Solutions\my-app\node_modules\fsevents\node_modules' npm ERR! at Error (native) npm ERR! { […]

ng新的应用程序意外的令牌=

我已经通过npm安装了angular2 cli,但是当我尝试使用“ng new my-app”命令创build新的打字稿angular度应用程序时,我不断收到此错误: C:\Users\nicholas\AppData\Roaming\npm\node_modules\@angular\cli\models\config\config.js:15 constructor(_configPath, schema, configJson, fallbacks = []) { ^ SyntaxError: Unexpected token = at exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:373:25) at Object.Module._extensions..js (module.js:416:10) at Module.load (module.js:343:32) at Function.Module._load (module.js:300:12) at Module.require (module.js:353:17) at require (internal/module.js:12:17) at Object.<anonymous> (C:\Users\nicholas\AppData\Roaming\npm\node_modules\@angular\cli\models\config.js:2:18) at Module._compile (module.js:409:26) at Object.Module._extensions..js (module.js:416:10) 我的NPM版本是4.1.2我的节点版本是4.4.5,从我的理解是安装和使用angular-cli的可接受的版本。 请让我知道,如果有这个修复,我也尝试卸载,清理npmcaching和重新安装,但我一直得到同样的问题。 任何和所有的帮助非常感谢,提前感谢!