【问题标题】:You seem to not be depending on "@angular/core". This is an error您似乎不依赖“@angular/core”。这是一个错误
【发布时间】:2017-05-22 21:55:49
【问题描述】:

我想用 angular cli 创建一个 angular 2 App

我在cmd里写了:

npm install angular-cli -g

然后:

ng firstngapp

但是当我写 npm start 时它显示一个错误!

我不明白这个问题

【问题讨论】:

  • 我遇到了类似的问题,但我在父文件夹中。
  • 尝试运行 npm bugs firstngapp 看看。它将指导您解决问题
  • npm install 之后,您可以尝试关闭项目然后再次打开。它对我有用。
  • 你和我一样生疏吗?克隆项目后...更改为项目文件夹和npm install
  • 同意,你必须运行“npm install angular-cli -g”,然后是“npm install”,最后是“ng XXX”

标签: angular npm angular-cli


【解决方案1】:

尝试运行

npm install

在项目文件夹中

【讨论】:

    【解决方案2】:

    删除你的节点模块,检查你的package.json文件应该有@angular/core,然后用npm i重新安装。

    【讨论】:

      【解决方案3】:

      从终端

       > cd myProjectPath
       myProjectPath > npm install
      

      【讨论】:

      • 这看起来与目前的最佳答案非常相似 - 这是必要的答案吗?
      • 比上面的相同建议更好。
      【解决方案4】:

      我不知道这是否仍然是一个问题。我在npm 4.1.2 上遇到了与@angular/cli v1.1.2 相同的麻烦。我删除了node_modules 目录,然后继续更新npm(因为这是过去的常见原因)。

      我想将npm 升级到5.0.3(最新),但由于我使用的是nvm,它似乎把库弄乱了。因此,我重新安装了node

      然后,我就去了

      • npm cache clean
      • npm rebuild
      • npm install - 这几次,因为每次它都用不同的包抛出错误

      最后,每个包裹都很好。

      希望这会有所帮助。

      【讨论】:

        【解决方案5】:

        安装所有对等依赖项后运行 npm update 即可。

        【讨论】:

          【解决方案6】:

          我遇到了同样的问题,除了删除 node_modules 并重新安装,我需要先删除 package-lock.json。

          【讨论】:

            【解决方案7】:

            当我尝试运行“ng serve”时遇到了同样的错误,之后我看到了一些建议,其中一位技术人员告诉我更新我的 npm。我也这样做了,然后在输入“ng server”后我得到了这个屏幕"

            ""无法确定 @angular/compiler-cli 和 typescript 的版本。 最常见的原因是 npm 安装损坏。 请确保您的 package.json 在 devDependencies 中同时包含 @angular/compiler-cli 和 typescript,然后删除 node_module 和 package-lock.json(如果有的话)和 再次运行 npm install。""

            执行所有操作后,它现在可以正常工作...并收到消息“编译成功”。

            【讨论】:

              【解决方案8】:

              运行ng serve您应该在应用程序/项目的目录中

              如果您在另一个目录中运行该命令,则会出现错误:

              您似乎不依赖“@angular/core”。这是一个错误。

              【讨论】:

              • 我依赖于“@angular/core”,但我不在项目目录中,所以我收到了这个错误
              【解决方案9】:
              1. 删除 node_modules 文件夹和 package-lock.json 文件。
              2. 然后运行以下命令,它将更新 npm 包。

                npm update

              3. 稍后启动项目执行以下命令。

                ng serve

              以上步骤对我有用。

              【讨论】:

                【解决方案10】:

                您需要从 c:\project\angular-src 位置运行 ng 服务器。不仅仅是项目的根目录。

                【讨论】:

                • OP 可能没有 c:\project\angular-src 文件夹。不,你的回答毫无意义。 ng serve 必须从文件夹的根目录运行,因为这是定义此脚本的 package.json 文件所在的位置。
                【解决方案11】:

                执行 ng new --skip-install PROJECT_NAME 然后手动进入创建的文件夹并输入 npm install。 https://github.com/angular/angular-cli/issues/3906

                【讨论】:

                  【解决方案12】:

                  在我的情况下,以下工作:

                  rm -rf node_modules
                  rm package-lock.json
                  npm install
                  

                  因此npm install,而不是更新

                  【讨论】:

                    【解决方案13】:

                    您创建新项目:

                    ng new firstngapp
                    

                    在您的示例中,您缺少new。这将为您创建文件夹、生成文件并运行npm install。 您似乎已创建文件夹,但其中没有 Angular CLI 应用程序。

                    并用于启动应用程序:

                    ng serve
                    

                    npm start 仅在您从 cli 中弹出时使用。

                    【讨论】:

                      【解决方案14】:

                      我遇到了同样的问题,原因是

                      1. 当您运行 ng new app-name 时,它将创建一个带有应用名称的新目录并在其中安装所有内容。
                      2. 运行上述命令后,人的倾向是运行ng serve 并且因为您的应用位于子目录中,所以它不会找到 package.json 并抛出上述错误。

                      解决方案非常简单。只需移动到子目录,然后运行ng serve

                      【讨论】:

                      • 即,cd ng5目录
                      • @AjayTakur 目录名称将与应用名称相同。
                      【解决方案15】:

                      我遇到的问题是我按照 cli 的建议切换到 yarn 包管理。

                      然后在学习教程时我做了npm install --save bootstrap,然后错误开始出现。之后我当然做了yarn add xxx 并且成功了。

                      为了恢复项目的状态,我按照this 的回答删除了node_modulespackage-lock.json,然后运行yarn install

                      【讨论】:

                        【解决方案16】:

                        无法确定 @angular/compiler-cli 和 typescript 的版本。 最常见的原因是 npm 安装损坏。

                        请确保您的 package.json 包含 @angular/compiler-cli 和 typescript devDependencies,然后删除 node_modules 和 package-lock.json (如果你有的话)和 跑步 再次 npm 安装。

                        【讨论】:

                          【解决方案17】:

                          如果有人在 2018 年遇到这种情况,最终对我有用的是进入我用 ng new my-app 创建的 my-app,然后运行 ​​ng serve 这与它需要依赖项和devDependencies 位于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

                          【讨论】:

                          • 你能解释一下 rm -rf 的作用吗 我不记得我是否以及为什么做了previous-app 执行您的命令后,我在执行@987654338 时收到You cannot use the new command inside an Angular CLI project. 错误@
                          • @Marine1 您不能在 Angular 应用程序中创建新的 Angular 应用程序。如果您以前的应用程序正在创建此问题,则仅运行rm -rf <previous app>。在此处替换您的应用程序名称。 rm -rf 强制递归删除整个目录的内容
                          【解决方案18】:

                          当我混合包管理器时,这发生在我身上。我的项目是用 Yarn 生成的,之后,我使用 npm install 添加了几个依赖项(这创建了仅添加依赖项的 package-lock.json)。

                          显然,ng serve 使用了 package-lock.json 并且在那里找不到 Angular 依赖项。在我开始只使用 Yarn 后,即 yarn add 而不是 npm install,错误就消失了。

                          【讨论】:

                            【解决方案19】:

                            面临同样的问题。运行 ngserve 时,您应该位于应用程序目录中。确认(在 GIT BASH 上:如果您在 app 目录中,则在 gitbash 提示符下的目录路径之后将有 (master)。)

                            【讨论】:

                              【解决方案20】:

                              我的解决办法是

                              npm link
                              ng build 
                              

                              【讨论】:

                                【解决方案21】:

                                这就是我解决这个问题的方法。

                                我第一次跑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,项目开始了!

                                【讨论】:

                                  【解决方案22】:

                                  尝试无果后:

                                  • npm 安装
                                  • npm 更新
                                  • ng 服务

                                  npm install -g @angular/cli 为我工作

                                  【讨论】:

                                    【解决方案23】:

                                    以下步骤对我有用:

                                    1) 删除node_modules/文件夹和package-lock.json文件。

                                    2)npm install

                                    3)ng serve

                                    【讨论】:

                                      【解决方案24】:

                                      可以帮到你。

                                      • 删除您之前创建的所有文件夹
                                      • 新建文件夹
                                      • 然后尝试从命令“cd foldername”导航到该文件夹​​
                                      • 然后尝试安装“npm install”

                                      这会解决你的问题。

                                      【讨论】:

                                        【解决方案25】:

                                        对于 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/ **
                                        

                                        【讨论】:

                                          【解决方案26】:

                                          **在你点击 ng serve 命令之前,你应该在新创建的 YOUR_APP 文件夹中**

                                          让我们从新鲜开始,

                                          1) install npm

                                          2) 创建一个新的 Angular 应用程序 (ng new <YOUR_APP_NAME>)

                                          3) 转到应用文件夹 (cd YOUR_APP_NAME)

                                          4) ng serve

                                          希望能解决问题。

                                          【讨论】:

                                            【解决方案27】:

                                            解决这个问题。

                                            1. 第一步:cd projectName
                                            2. 第二步:npm update
                                            3. 第三步:ng serve -o

                                            例如:

                                            【讨论】:

                                              猜你喜欢
                                              • 2018-11-11
                                              • 2018-07-29
                                              • 2019-06-15
                                              • 1970-01-01
                                              • 2021-01-13
                                              • 2018-09-07
                                              • 1970-01-01
                                              • 1970-01-01
                                              相关资源
                                              最近更新 更多