[Angular 6] 初学angular,环境全部最新,[ ng serve ] 不能启动,卡在 95% 不动 => 解决方案
2018.9.7
问题描述:
通过ng serve命令启动angular应用时,卡在95%,
ctrl+c 停掉后看到错误内容为找不到ng_modules下的angular模块下的package.json文件。
---
之前在网上下过小demo,依赖包都很旧了,因为时间久远,
但是一切正常可以运行。(使用 cnpm 来复原的包)
---
初学angualr,所有相关的东西,直接上手最新版,
npm:6.4.1
ng v

ng serve
出现错误停在95%
\node_modules\_@angular_common@6.1.7@@angular
找不到该路径下的package.json文件
按照它字面的意思,找不到,就给它放一个,
->手动将 \node_modules\_@angular_common@6.1.7@@angular\common\ 下的package.json 文件copy到common外面,
再次 ng serve ,结果common这里过了,出现了下一个文件夹的问题,
angular包这么多不能每一个都手动copy去吧。。。能不能有根本的解决办法呢

***************************************************************************************
将下图中common底下的package.json文件copy出来,放到该包的根目录下

***经过百般尝试,baidu,google结果都是,要么降npm版本到5.6.0 , 要么就是用yarn安装,都试了,不管用***:
|
baidu 出来的很多遇到95%的伙伴
link1:Angular CLI执行ng-serve后卡在95% emitting LicenseWebpackPlugin不动了
link2:angular2在运行ng serve的时候卡在95% emitting LicenseWebpackPlugin
link3:angular cli 生成的工程 ng serve的时候运行到95% emitting LicenseWebpackPlu...
link4:ng serve 之后 卡在 95% emitting LicenseWebpackPlugin 不动了
link5:Angular6,ng serve --open执行到95%卡住,引发的一系列问题
|
这个问题已经折腾两天了(业余学习),想做个demo连连手怎么就这么难呢,
不行,得有进度啊,还是手动copy吧,于是,下面的angular包,全部如此操作:

*******************************************************
结果就是: 没错,成功了!启动起来了。
(这是默认生成的页面)

当然,这不是根本的解决办法,
从根本上,应该是某个玩意儿的版本不能匹配造成的吧,
工程本身因该没有问题,都是 ng 命令自动建出来的,
而老旧的demo里,angular包同样是那样的层级路径,就没有问题。
先这样做着demo吧,也许哪天一升级更新又都正常了呢。
***************************************************************************
@ CopyRight CoderMonkey 2018
***************************************************************************
追记:
用npm安装依赖包时,出现过一个error,不知道有没有影响,但还是按以下链接中的操作了。
(执行了该命令:
cnpm rebuild node-sass
)
[Angular 6] 初学angular,环境全部最新,[ ng serve ] 不能启动,卡在 95% 不动 => 解决方案的更多相关文章
- [转]angular2在运行ng serve的时候卡在95% emitting LicenseWebpackPlugin
本文转自:https://blog.csdn.net/qq919694688/article/details/80912207 放弃使用cnpm,使用yarn 1.删除node_modules (不需 ...
- Angular 2项目的环境配置和项目搭建
AngularJS2 发布于2016年9月份,它是基于ES6来开发的. AngularJS2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行.AngularJS2 ...
- .Net Core + Angular Cli / Angular4 开发环境搭建
一.基础环境配置 1.安装VS 2017 v15.3或以上版本 2.安装VS Code最新版本 3.安装Node.js v6.9以上版本 4.重置全局npm源,修正为 淘宝的 NPM 镜像: npm ...
- .Net Core+Angular Cli/Angular4开发环境搭建教程
一.基础环境配置1.安装VS2017v15.3或以上版本2.安装VSCode最新版本3.安装Node.jsv6.9以上版本4.重置全局npm源,修正为淘宝的NPM镜像:npminstall-gcnpm ...
- angular入门一之环境安装及项目创建
angular入门一之环境安装及项目创建 1.安装node.js 下载,安装,在终端测试安装是否成功:node -v(查看nodejs版本) npm -v(查看npm版本) 下载地址:https:// ...
- 【Angular】学习笔记-环境部署、项目建立相关
Angular官网>搭建环境 首先要安装Node.js.官网>Download 一直next就好了. 安装node.js的目的是使用npm这些命令啦 然后这里推荐下载使用git SCM 也 ...
- Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目
前言: 最近一直在使用阿里的NG-ZORRO(Angular组件库)开发公司后端的管理系统,写了一段时间的Angular以后发现对于我们.NET后端开发而言真是非常的友善.因此这篇文章主要是对这段时间 ...
- Angular 1与 Angular 2之间的一些差别
现在在用ng1.5.8做一个项目,ng的优点和特性我就不用多说了,ng1在陆续更新到1.5/1.6后就没再推出新版本了,ng2已经面世测试很久了,如同很多系统和框架一样,每个大的版本更新都会有新特性加 ...
- [Angular 2] Create Angular 2 Porject with Angular CLI
Install: npm i -g angular-cli Create a project: ng new hello-angular2 Run the project: cd hello-angu ...
随机推荐
- Nginx详解(正向代理、反向代理、负载均衡原理)
Nginx配置详解 nginx概述 nginx是一款自由的.开源的.高性能的HTTP服务器和反向代理服务器:同时也是一个IMAP.POP3.SMTP代理服务器:nginx可以作为一个HTTP服务器进行 ...
- 电商类Web原型制作分享——聚美优品
这是一家化妆品限时特卖商城.作为美妆电商类网站的佼佼者,网站以用户体验为核心,画面主色调符合女性消费者审美.排版整齐,布局合理.网站用弹出面板实现点击弹出内容,鼠标悬停文字按钮颜色改变等交互效果. 本 ...
- 图片素材类Web原型制作分享-Pexels
Pexels是一个高清图片下载服务站点,为用户提供海量共享图片素材的网站,每周都会定量更新. 菜单栏和底部栏都是悬浮在固定位置,内容区域滚动.首页图片排列采用瀑布流的方式,多图片滚动.包含的页面有:浏 ...
- 2018.10.16 spoj Can you answer these queries V(线段树)
传送门 线段树经典题. 就是让你求左端点在[l1,r1][l1,r1][l1,r1]之间,右端点在[l2,r2][l2,r2][l2,r2]之间且满足l1≤l2,r1≤r2l1\le l2,r1 \l ...
- hdu-1069(dp)
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1069 题意:一群猴子,给出n块砖的长x宽y高z,用这些砖拼起的高度最高是多少, 要求底下的砖的长宽都要 ...
- Django入门与实践-第22章:基于类的视图
http://127.0.0.1:8000/boards/1/topics/2/posts/2/edit/ http://127.0.0.1:8000/ #boards/views.py from d ...
- UVa 11292 Dragon of Loowater (水题,排序)
题意:有n个条龙,在雇佣勇士去杀,每个勇士能力值为x,只能杀死头的直径y小于或等于自己能力值的龙,只能被雇佣一次,并且你要给x赏金,求最少的赏金. 析:很简单么,很明显,能力值高的杀直径大的,低的杀直 ...
- DFS剪枝处理HDU1010
http://acm.hdu.edu.cn/showproblem.php?pid=1010 题意很好理解,不是最短路,而是dfs,虽然地图不算大,稍微注意一点的dfs也能险过,但是700+ms和78 ...
- linux几种查看日志的方法
linux tail命令用途是依照要求将指定的文件的最后部分输出到标准设备,通常是终端,通俗讲来,就是把某个档案文件的最后几行显示到终端上,假设该档案有更新,tail会自己主动刷新,确保你看到最新的档 ...
- Android-AndroidStudio莫名其妙的错误-finished with non-zero exit value 1
上一篇博客,Android-AndroidStudio莫名其妙的错误-finished with non-zero exit value 1,解决了由于 string.xml 字符导致的: 而这篇博客 ...