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安装过程中提示optional install error: Package require os(darwin) not compatible with your platform(win32)

(执行了该命令:

cnpm rebuild node-sass

[Angular 6] 初学angular,环境全部最新,[ ng serve ] 不能启动,卡在 95% 不动 => 解决方案的更多相关文章

  1. [转]angular2在运行ng serve的时候卡在95% emitting LicenseWebpackPlugin

    本文转自:https://blog.csdn.net/qq919694688/article/details/80912207 放弃使用cnpm,使用yarn 1.删除node_modules (不需 ...

  2. Angular 2项目的环境配置和项目搭建

    AngularJS2 发布于2016年9月份,它是基于ES6来开发的. AngularJS2 是一款开源JavaScript库,由Google维护,用来协助单一页面应用程序运行.AngularJS2 ...

  3. .Net Core + Angular Cli / Angular4 开发环境搭建

    一.基础环境配置 1.安装VS 2017 v15.3或以上版本 2.安装VS Code最新版本 3.安装Node.js v6.9以上版本 4.重置全局npm源,修正为 淘宝的 NPM 镜像: npm  ...

  4. .Net Core+Angular Cli/Angular4开发环境搭建教程

    一.基础环境配置1.安装VS2017v15.3或以上版本2.安装VSCode最新版本3.安装Node.jsv6.9以上版本4.重置全局npm源,修正为淘宝的NPM镜像:npminstall-gcnpm ...

  5. angular入门一之环境安装及项目创建

    angular入门一之环境安装及项目创建 1.安装node.js 下载,安装,在终端测试安装是否成功:node -v(查看nodejs版本) npm -v(查看npm版本) 下载地址:https:// ...

  6. 【Angular】学习笔记-环境部署、项目建立相关

    Angular官网>搭建环境 首先要安装Node.js.官网>Download 一直next就好了. 安装node.js的目的是使用npm这些命令啦 然后这里推荐下载使用git SCM 也 ...

  7. Angular入门,开发环境搭建,使用Angular CLI创建你的第一个Angular项目

    前言: 最近一直在使用阿里的NG-ZORRO(Angular组件库)开发公司后端的管理系统,写了一段时间的Angular以后发现对于我们.NET后端开发而言真是非常的友善.因此这篇文章主要是对这段时间 ...

  8. Angular 1与 Angular 2之间的一些差别

    现在在用ng1.5.8做一个项目,ng的优点和特性我就不用多说了,ng1在陆续更新到1.5/1.6后就没再推出新版本了,ng2已经面世测试很久了,如同很多系统和框架一样,每个大的版本更新都会有新特性加 ...

  9. [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 ...

随机推荐

  1. OSGi 系列(十三)之 Configuration Admin Service

    OSGi 系列(十三)之 Configuration Admin Service OSGi 的 CM 就是 Configuration Admin Service,是用于管理 Bundle 属性.并在 ...

  2. mvc的表单发送ajax请求,太强大了!!!!

  3. stl学习记录(1)

    Effective STL 中文版学习记录 条款4 判断容器是否为空 使用empty而不是size().size()操作在实现上不是一个时间常数操作条款5 尽量使用区间成员函数代替它们的单元素兄弟.S ...

  4. 二进制搭建kubernetes多master集群【一、使用TLS证书搭建etcd集群】

    上一篇我们介绍了kubernetes集群架构以及系统参数配置,参考:二进制搭建kubernetes多master集群[开篇.集群环境和功能介绍] 下面本文etcd集群才用三台centos7.5搭建完成 ...

  5. 2018.09.14 洛谷P3931 SAC E#1 - 一道难题 Tree(树形dp)

    传送门 简单dp题. f[i]表示以i为根的子树被割掉的最小值. 那么有: f[i]=min(∑vf[v],dist(i,fa))" role="presentation" ...

  6. 解决Docker时区与主机时区不一致的问题

    在Dockerfile里面增加以下红色的部分 FROM hub.chinacloud.com/common/jdk:8MAINTAINER xxx@chinacloud.com.cn RUN mkdi ...

  7. json&pickle

    用于序列化的两个模块 json,用于字符串 和 python数据类型间进行转换pickle,用于python特有的类型 和 python的数据类型间进行转换Json模块提供了四个功能:dumps.du ...

  8. python面向对象-2深入类的属性

    在交互式环境中输入: >>> class A: a=0 def __init__(self): self.a=10 self.b=100 >>> a=A() > ...

  9. 转换图片为base64

    既然有了解析base64图片,那么就一定会有将图片编码格式成base64,其中解码base64用BASE64Decoder,而编码base64用BASE64Encoder, 上代码: //图片转化成b ...

  10. ThinkPad T430i,如何将WIN8换成WIN7???

    1. 启动时不断点击键盘上的F1键,进入BIOS 界面选择“Restart”→把 “OS Optimized Default”设置为 “disabled” ,(OS Optimized Default ...