我想用angular cli创建一个angular 2应用
我已经在cmd中写过:
npm安装angular-cli -g
然后:
ng firstngapp
我不明白这个问题
npm install
我想用angular cli创建一个angular 2应用
我已经在cmd中写过:
npm安装angular-cli -g
然后:
ng firstngapp
我不明白这个问题
npm install
Answers:
在运行时,ng serve
您应该位于应用程序的/ project的目录中。
如果在另一个目录中运行该命令,则会出现错误:
您似乎不依赖“ @ angular / core”。这是一个错误。
可以帮助您。
这将解决您的问题。
从终端
> cd myProjectPath
myProjectPath > npm install
我不知道这是否仍然是一个问题。我和@angular/cli v1.1.2
on 一样感到讨厌npm 4.1.2
。我删除了node_modules
目录,然后继续进行更新npm
(因为这是过去的常见原因)。
我想升级npm
到5.0.3
(最新),但自从使用以来,nvm
它似乎弄乱了库。因此,我重新安装了node
。
然后,我去了
npm cache clean
npm rebuild
npm install
-这是几次,因为每次使用不同的程序包都会引发错误最后,每个包装都很好。
希望这可以帮助。
如果有人在2018年ng new my-app
遇到了ng serve
这个问题,那么最终对我有用的是进入使用我创建的my-app ,然后运行This与它有关,它需要位于my-app/package.json
而不是中的依赖项和devDependencies root/package.json
。它们是两个单独的文件。
即使我将所有依赖项都复制到了根文件夹package.json
,也必须进入并手动更改配置文件的路径位置,然后才能进入my-app/*
。进入该目录my-app/
并在ng serve
其中运行以使其按照预期的方式工作要容易得多。
因此,这些步骤应适用于任何人:
rm -rf <previous-app>
//无论您以前的应用程序是什么,都可以调用。
sudo rm -rf node_modules
rm -f package-lock.json
npm install
ng new my-app
cd my-app
ng serve
previous-app
做你的命令后,我得到一个You cannot use the new command inside an Angular CLI project.
错误,而这样做ng new my-app
rm -rf <previous app>
在您以前的应用程序正在产生此问题的情况下运行。在此处替换您应用的名称。rm -rf
强制递归删除整个目录的内容
安装所有对等依赖项后运行npm更新,它将起作用。
这就是我解决这个问题的方法。
我先跑了npm install @angular/core
。
然后我跑了npm install --save
。
当两个安装都成功完成时,我运行npm serve
并收到错误消息
"Versions of @angular/compiler-cli and typescript could not be determined.
The most common reason for this is a broken npm install.
Please make sure your package.json contains both @angular/compiler-cli and typescript in
devDependencies, then delete node_modules and package-lock.json (if you have one) and
run npm install again."
然后,我删除了node_modules文件夹以及package-lock.json文件夹。
删除这些文件夹后,我npm install --save
再次运行。
我跑步npm start
并收到另一个错误。这个错误说Error: Cannot find module '@angular-devkit/core'
。
我跑了npm install @angular-devkit/core --save
。
终于,我跑npm start
了,项目开始了!
我遇到了同样的问题,原因是
ng new app-name
,它将创建一个带有应用程序名称的新目录,并在其中安装所有内容。ng serve
并且由于您的应用程序位于子目录中,因此它将找不到package.json并抛出所提到的错误。解决方案非常简单。只需移至子目录,然后运行ng serve
您可以使用以下方法创建新项目:
ng new firstngapp
在您的示例中,您不见了new
。这将创建文件夹,生成文件并npm install
为您运行。似乎您已经创建了文件夹,但是其中没有Angular CLI应用程序。
并启动应用程序使用:
ng serve
npm start
仅在您从cli弹出时使用。
我尝试运行“ ng服务”时遇到了同样的错误,之后我看到一些建议,一位技术人员告诉我更新我的npm。我也这样做,然后在进入“ ng服务器”后得到了这个屏幕
“” @ angular / compiler-cli和打字稿的版本无法确定。最常见的原因是npm安装失败。请确保您的package.json在devDependencies中同时包含@ angular / compiler-cli和typescript,然后删除node_module和package-lock.json(如果有)并再次运行npm install。
执行完所有操作后,它现在可以正常运行...并收到消息“编译成功”。
执行ng new --skip-install PROJECT_NAME,然后手动进入创建的文件夹并键入npm install。 https://github.com/angular/angular-cli/issues/3906
无法确定@ angular / compiler-cli和打字稿的版本。最常见的原因是npm安装失败。
请确保您的package.json在devDependencies中同时包含@ angular / compiler-cli和typescript,然后删除node_modules和package-lock.json(如果有的话),然后再次运行npm install。
**您应该在新创建的YOUR_APP文件夹中,然后单击ng serve命令**
让我们从新鲜开始
1) install npm
2)创建一个新的角度应用程序(ng new <YOUR_APP_NAME>
)
3)转到应用文件夹(cd YOUR_APP_NAME
)
4) ng serve
我希望它能解决问题。
对于ng服务,您需要位于该目录中
ashish@ashish-Inspiron-3521:~/Angular$ ng new FireStore
create FireStore/README.md (1025 bytes)
create FireStore/.angular-cli.json (1245 bytes)
create FireStore/.editorconfig (245 bytes)
create FireStore/.gitignore (544 bytes)
create FireStore/src/assets/.gitkeep (0 bytes)
create FireStore/src/environments/environment.prod.ts (51 bytes)
create FireStore/src/environments/environment.ts (387 bytes)
create FireStore/src/favicon.ico (5430 bytes)
create FireStore/src/index.html (296 bytes)
create FireStore/src/main.ts (370 bytes)
create FireStore/src/polyfills.ts (3114 bytes)
create FireStore/src/styles.css (80 bytes)
ashish@ashish-Inspiron-3521:~/Angular$ ng serve
You seem to not be depending on "@angular/core". This is an error.
我如何使用cmd解决此问题
ashish@ashish-Inspiron-3521:~/Angular$ cd FireStore/
现在做cmd
ashish@ashish-Inspiron-3521:~/Angular/FireStore$ ng serve
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **