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

时间：2017-01-08 15:42:17

标签： angular npm angular-cli

我想创建一个带有角度cli

的角度2应用程序

我写的是cmd：

  

npm install angular-cli -g

然后：

  

ng firstngapp

但是当我写npm start时它会显示错误！ the error image

Files image

我不明白这个问题

27 个答案:

答案 0 :(得分：185)

尝试运行

npm install
项目文件夹中的

答案 1 :(得分：76)

在运行ng serve 时，您应该位于应用的/项目目录中。

如果在另一个目录中运行该命令，则会收到错误：

  

你似乎不依赖于＆＃34; @ angular / core＆＃34;。这是一个错误。

答案 2 :(得分：15)

删除您的节点模块，检查package.json文件是否应该@angular/core，然后使用npm i重新安装。

答案 3 :(得分：13)

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

  2. 然后运行以下命令，它将更新npm包。

    npm update

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

    ng serve

    4. 以上步骤对我有用。

答案 4 :(得分：7)

来自终端

 > cd myProjectPath
 myProjectPath > npm install

答案 5 :(得分：5)

我不知道它是否还是个问题。我在@angular/cli v1.1.2 npm 4.1.2遇到了同样的麻烦。我删除了node_modules目录，然后继续更新npm（因为这是过去常见的原因）。

我想将npm升级到5.0.3（最新），但由于我使用nvm，它似乎搞乱了库。因此，我重新安装了node。

然后，我去了

  • npm cache clean
  • npm rebuild
  • npm install - 这次多次，因为每次它都使用不同的包发送错误

最后，每个包都很好。

希望这有帮助。

答案 6 :(得分：5)

可以帮助你。

  • 删除之前创建的所有文件夹
  • 创建新文件夹
  • 然后尝试从命令＆＃34; cd foldername＆＃34;
    • 导航到该文件夹
  • 然后尝试安装＆＃34; npm install＆＃34;

这将解决您的问题。

答案 7 :(得分：4)

我的修复是

npm link
ng build

enter image description here

答案 8 :(得分：3)

如果有人在2018年遇到这种情况，最终对我有用的事情就是进入我使用ng new my-app创建的my-app，然后运行ng serve这与它有关需要位于my-app/package.json而不是root/package.json的依赖项和devDependencies。它们是两个单独的文件。

即使我将所有依赖项复制到我的根文件夹package.json，我也必须进入并手动更改配置文件的路径位置，以便进入{{1 }}。只需进入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

答案 9 :(得分：2)

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

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

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

答案 10 :(得分：2)

以下步骤对我有用：

删除node_modules文件夹和package-lock.json文件。 npm安装 服务

答案 11 :(得分：2)

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

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

答案 12 :(得分：2)

面对同样的问题。在运行ngserve时，您应该在apps目录中。要确认（在GIT BASH上：如果你在app目录下，你将在gitbash提示符后的目录路径之后有（master）。）

答案 13 :(得分：2)

安装所有对等依赖项后运行 npm update ，它将起作用。

答案 14 :(得分：1)

使用以下命令创建新项目：

ng new firstngapp

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

要启动应用程序，请使用：

ng serve

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

答案 15 :(得分：1)

试图无济于事：

  • npm install
  • npm update
  • ng serve

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

答案 16 :(得分：0)

我遇到的问题是我按照cli的建议改用纱线包装管理。

然后在完成教程后我做了$("#Finish").on('click', function () { // take a screenshot and save it. html2canvas(element, { onrendered: function (canvas) { $("#previewImage").append(canvas); getCanvas = canvas; DownloadImage(); } }); }); function DownloadImage() { var imageData = getCanvas.toDataURL("image/png"); var newData = imageData.replace(/^data:image\/png/, "data:application/octet-stream"); window.open(newData); }，之后错误就开始出现了。之后我当然做了npm install --save bootstrap并且有效。

要恢复项目的状态，我已根据this回答删除yarn add xxx和node_modules，然后运行package-lock.json

答案 17 :(得分：0)

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

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

答案 18 :(得分：0)

在我的情况下，以下工作：

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

因此npm install，而非更新。

答案 19 :(得分：0)

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

显然，ng服务使用了package-lock.json，并且无法在那里找到Angular依赖项。 我开始只使用纱线，即纱线添加而不是npm install时，错误消失了。

答案 20 :(得分：0)

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

答案 21 :(得分：0)

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

答案 22 :(得分：0)

当我试图运行＆＃34; ng serve＆＃34;时，我遇到了同样的错误。在那之后我看到了一些建议，其中一个技术人员告诉我更新我的npm。我做了那个，然后我在进入＆＃34; ng服务器＆＃34;后得到了这个屏幕。

＆＃34;＆＃34;无法确定@ angular / compiler-cli和typescript的版本。 最常见的原因是npm安装损坏。 请确保你的package.json在devDependencies中包含@ angular / compiler-cli和typescript，然后删除node_module和package-lock.json（如果你有的话）和 再次运行npm install。＆＃34;＆＃34;

执行所有操作后，它的工作正常...并收到消息＆＃34;编译成功。＆＃34;

答案 23 :(得分：0)

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

答案 24 :(得分：0)

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

答案 25 :(得分：0)

**在点击ng serve命令**

之前，您应该在新创建的YOUR_APP文件夹中

让我们从新鲜开始，

1）install npm

2）创建一个新的角度应用（ng new <YOUR_APP_NAME>）

3）转到app文件夹（cd YOUR_APP_NAME）

4）ng serve

我希望它能解决这个问题。

答案 26 :(得分：0)

解决这个问题。

  1. 第1步：cd projectName
  2. 第2步：npm update
  3. 第3步：ng serve -o

    4. 例如： enter image description here

相关问题
最新问题