angular2安装cli成功后创建新项目warn问题求解决

Posted 2021-04-26 思维神探

前面尝试创建成功后但也不能启动服务

请问怎么解决、已经纠结1整天了求帮忙

第2天已经成功安装了、但还是还是报not properly installed
求解决T T

至于为什么安装好、还没理顺、
我安装成功的步骤
1、node从8.3跟新到8.4
2、npm uninstall -g angular-cli && npm cache clean 清理前面的
3、npm isstall -g @angular/cli（中间几次没安装好就重启、继续2再来）

我喜欢直接给代码或者截图说明，所有的口头上说的都是垃圾，解决不了问题

完整报错：The "@angular/compiler-cli" package was not properly installed. Error: Error: Canno

t find module '@angular/compiler-cli'

先说运行方法，当你在其他地方下载了项目源码后，直接运行ng serve 是不对的，还需要先下载npm，操作如下：

1.将你的项目放到你的目录文件下

2.然后在cmd下找到路径并下载所需要的东西

3.下载好以后，本以为可以运行，但是会报错。运行代码则是输入：ng serve --open

报错如下：

The "@angular/compiler-cli" package was not properly installed. Error: Error: Canno

t find module '@angular/compiler-cli'

解决方法：依次输入黄色部分代码

1.npm uninstall --save-dev angular-cli  

完了之后继续输入下面代码

2.npm install --save-dev @angular/cli@latest

问题一 启动项目出现如下error： 

 

原理：

暂不清晰， 目前认为是项目本身的问题。 项目作者在博文中给出了相应的解决方案。

具体解决方案：

 

如果之前装过angular-cli需要先卸载：npm uninstall -g angular-cli 如果之前装过@angular/cli需要先卸载：npm uninstall -g @angular/cli 如果你之前已经尝试安装过node模块，请把NiceFish根目录下的node_moduels目录删掉 然后依次执行以下命令：

1. npm cache clean  

2. npm i -g cnpm  

3. cnpm i -g @angular/cli  

4. cnpm install  

5. ng serve  

 

 

                                                                                                                                                                                                                                      

 

问题二： ERROR in AppModule is not an ngModule

 

和这个问题一起出现的还有这个问题。

The "@angular/compiler-cli"package was not properly installed.

 

问题提示  "@angular/compiler-cli" 没有正确安装，我们卸载后重新安装了一遍还报这个错。然后没有管他。去解决ERROR in AppModule is not an ngModule 了。  等解决好ERRORin AppModule is not an ngModule， 它也不报错了。 具体原因不详。

 

ERROR in AppModule is not an ngModule错误原理：

推测是因为项目配置文件中写明的typescript文件版本和已安装的typescript文件版本不同造成的。

 

解决方案：

package.json文件中的"typescript"改为: "^2.1.0"

然后 cnpminstall

 

用npm ls typescript  查看文件版本和配置文件中写的是否一致。 还有框里是不是出现了不同的版本号。

 

这样的是不行的。

 

 

这样就行了。

一、安装环境

1、本机系统：Windows 10 Pro（64位）
2、Node.js：v6.9.2LTS（64位）

二、安装Node.js步骤

1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/
2、选安装目录进行安装
3、环境配置
4、测试

三、前期准备

1、Node.js简介
简单的说 Node.js 就是运行在服务端的 javascript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。

2、注意，安装node特别简单，不要想复杂了，就当一个软件包来安装！！！
3、下载Node.js
打开官网下载链接:https://nodejs.org/en/download/ 我这里下载的是node-v6.9.2-x64.msi,如下图：