我想用 angular cli 创建一个 angular 2 App
我在cmd中写了:
npm install angular-cli -g
然后:
ng firstngapp
https://i.stack.imgur.com/0afMx.jpg
https://i.stack.imgur.com/nP17A.jpg
我不明白这个问题
npm install
尝试运行
npm install
在项目文件夹中
运行时ng serve
您应该位于应用程序/项目的目录中。
如果您在另一个目录中运行该命令,则会收到错误消息:
您似乎不依赖“@angular/core”。这是一个错误。
删除您的节点模块,检查您的 package.json
文件应该有 @angular/core
并使用 npm i
重新安装它。
删除 node_modules 文件夹和 package-lock.json 文件。然后运行以下命令,它将更新 npm 包。 npm update 稍后启动项目执行以下命令。服务
以上步骤对我有用。
可以帮助你。
删除您之前创建的所有文件夹
创建新文件夹
然后尝试从命令“cd foldername”导航到该文件夹
然后尝试安装“npm install”
这将解决你的问题。
从终端
> cd myProjectPath
myProjectPath > npm install
以下步骤对我有用:
1) 删除 node_modules/
文件夹和 package-lock.json
文件。
2) npm install
3) ng serve
我不知道这是否仍然是一个问题。我在 npm 4.1.2
上遇到了与 @angular/cli v1.1.2
相同的麻烦。我删除了 node_modules
目录,然后继续更新 npm
(因为这是过去的常见原因)。
我想将 npm
升级到 5.0.3
(最新),但由于我使用的是 nvm
,它似乎把库弄乱了。因此,我重新安装了 node
。
然后,我和
npm 缓存清理
npm 重建
npm install - 这几次,因为每次它都会用不同的包抛出错误
最后,每个包裹都很好。
希望这可以帮助。
我的解决办法是
npm link
ng build
https://i.stack.imgur.com/P5bLf.png
如果有人在 2018 年遇到这种情况,那么最终对我有用的是进入我使用 ng new my-app
创建的 my-app,然后运行 ng serve
这与它需要位于my-app/package.json
而不是 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
执行您的命令后,执行 ng new my-app
时出现 You cannot use the new command inside an Angular CLI project.
错误
rm -rf <previous app>
。在此处替换您的应用程序名称。 rm -rf
强制递归删除整个目录的内容
安装所有对等依赖项后运行 npm update 即可。
面临同样的问题。运行 ngserve 时,您应该位于应用程序目录中。确认(在 GIT BASH 上:如果您在 app 目录中,您将在 gitbash 提示符的目录路径之后拥有 (master)。)
这就是我解决这个问题的方法。
我首先运行 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 中弹出时使用。
尝试无济于事后:
npm 安装
npm 更新
服务
npm install -g @angular/cli 为我工作
我遇到了同样的问题,除了删除 node_modules 并重新安装,我需要先删除 package-lock.json。
当我尝试运行“ng serve”时遇到了同样的错误,之后我看到了一些建议,其中一位技术人员告诉我更新我的 npm。我也这样做了,然后在输入“ng server”后我得到了这个屏幕
""无法确定 @angular/compiler-cli 和 typescript 的版本。最常见的原因是 npm 安装损坏。请确保您的 package.json 在 devDependencies 中同时包含 @angular/compiler-cli 和 typescript,然后删除 node_module 和 package-lock.json(如果有的话)并再次运行 npm install。""
现在执行所有操作后,它可以正常工作......并收到消息“编译成功”。
您需要从 c:\project\angular-src 位置运行 ng 服务器。不仅仅是项目的根。
ng serve
必须从文件夹的根目录运行,因为这是定义此脚本的 package.json
文件所在的位置。
执行 ng new --skip-install PROJECT_NAME 然后手动进入创建的文件夹并输入 npm install。 https://github.com/angular/angular-cli/issues/3906
在我的情况下,以下工作:
rm -rf node_modules
rm package-lock.json
npm install
因此是 npm install
,而不是 update。
我遇到的问题是我按照 cli 的建议切换到纱线包管理。
然后在遵循教程时我做了npm install --save bootstrap
,然后错误开始出现。之后我当然做了yarn add xxx
,它奏效了。
为了恢复项目的状态,我根据 this 答案删除了 node_modules
和 package-lock.json
,然后运行 yarn install
无法确定 @angular/compiler-cli 和 typescript 的版本。最常见的原因是 npm 安装损坏。
请确保您的 package.json 在 devDependencies 中同时包含 @angular/compiler-cli 和 typescript,然后删除 node_modules 和 package-lock.json(如果有的话)并再次运行 npm install。
当我混合包管理器时,这发生在我身上。我的项目是使用 Yarn 生成的,之后,我使用 npm install 添加了几个依赖项(这创建了仅添加依赖项的 package-lock.json)。
显然, ng serve 使用了 package-lock.json 并且在那里找不到 Angular 依赖项。在我开始只使用 Yarn 后,即 yarn add 而不是 npm install,错误就消失了。
**在您点击 ng serve 命令之前,您应该位于新创建的 YOUR_APP 文件夹中**
让我们从新鲜开始,
1) install npm
2)创建一个新的角度应用程序( ng new <YOUR_APP_NAME>
)
3) 转到应用文件夹 (cd YOUR_APP_NAME
)
4) ng serve
我希望它能解决这个问题。
来解决这个问题。
Step1: cd projectName Step2: npm update Step3: ng serve -o
https://i.stack.imgur.com/MPMZm.png
对于 ng serve 你需要在那个目录里面
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/ **