blocks|key|1995568|text|我闻到ng在app+root上找到多个模块文件，请在生成组件时提供模块。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1995569|ng+generate+component+componentName+--module=<MODULE-NAME>

ng+generate+component+componentName+--module=app.module|code-block|syntax|javascript|1995570|entityMap^0|3|2|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

I smell ng finds multiple module files on app root, please supply module while generating component

<pre><code>ng generate component componentName --module=&lt;MODULE-NAME&gt;

ng generate component componentName --module=app.module
</code></pre>

blocks|key|3047347|text|您的命令语句:+ng+g我的组件可能会导致问题.请试一试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3047348|ng+g+c+mycomponent|code-block|syntax|javascript|3047349|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Your Command Statement : ng g c my-component may cause problem problem. please do try with

<pre><code>ng g c mycomponent
</code></pre>

blocks|key|1995659|text|在我的一个项目中，我也有同样的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1995660|请查看这里：Angular+CLI+in+ASP.NET+Core+2+Angular+template?+@Ashkan的答案。|offset|length|1995661|对于角6项目，您需要转到angular.json，在文件中查找"root“，并将其设置为src文件夹的子文件夹的名称(在大多数情况下是app)。|style|BOLD|1995662|因此，您需要替换|1995663|"src":+""+|code-block|syntax|javascript|1995664|使用|1995665|"src":+"app"|1995666|然后运行ng+g+c+my-component|CODE|1995667|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/46826352/angular-cli-in-asp-net-core-2-angular-template^0|0|6|1B|0|0|1V|3|0|0|0|0|0|4|J|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|16|8|@]|9|@$D|17|E|18|1|19]]|A|$]]|$1|F|3|G|5|6|7|1A|8|@$D|1B|E|1C|H|I]]|9|@]|A|$]]|$1|J|3|K|5|6|7|1D|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|1E|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|1F|8|@]|9|@]|A|$]]|$1|S|3|T|5|N|7|1G|8|@]|9|@]|A|$O|P]]|$1|U|3|V|5|6|7|1H|8|@$D|1I|E|1J|H|W]]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1K|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14]]]]

I had the same issue in one of my projects. 

Check here: <a href="https://stackoverflow.com/questions/46826352/angular-cli-in-asp-net-core-2-angular-template">Angular CLI in ASP.NET Core 2 Angular template?</a> the answer from @Ashkan Rahmani. 

For Angular 6 projects you need to go to angular.json, find "root" inside the file and set it as the name of the child of your src folder (in most cases it is app). 

Therefore you need to replace 

<pre><code>"src": "" 
</code></pre>

with 

<pre><code>"src": "app"
</code></pre>

Then run <code>ng g c my-component</code>

blocks|key|3047451|text|回答/更新任何有相同问题的人。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3047452|您可以将cd转到组件目录，ng+g+c可以正常工作。|offset|length|style|CODE|3047453|为了能够从根文件夹中运行这一功能，我将@角/cli的版本回滚到6.0.3版本。我以前安装了6.0.8。|3047454|安装旧版本的npm+i+@angular/cli@6.0.3|3047455|然后，ng+g+c+your-component将在根文件夹中正常工作。|3047456|entityMap^0|0|4|2|D|6|0|0|6|O|0|3|L|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@$D|R|E|S|F|G]|$D|T|E|U|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|V|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|W|8|@$D|X|E|Y|F|G]]|9|@]|A|$]]|$1|L|3|M|5|6|7|Z|8|@$D|10|E|11|F|G]]|9|@]|A|$]]|$1|N|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|O|$]]

Answer/update for anyone having the same issue.

You can <code>cd</code> to the component directory and <code>ng g c</code> will work fine.

To be able to run this from the root folder I rolled back my version of @angular/cli to version 6.0.3. I had 6.0.8 installed previously.

<code>npm i @angular/cli@6.0.3</code> to install older version

<code>ng g c your-component</code> will then work from the root folder as normal.

blocks|key|3287455|text|通过简单地将.net文件中的项目对象移到项目列表的底部，我在一个配置了角CLI的angular.json核心2应用程序中解决了这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3287456|在我的例子中，主要的应用程序项目是第一个，然后是e2e项目。我切换了它们，CLI返回到在适当的src/app文件夹中创建图表。|3287457|我将推测，无论ng更新对配置做了什么，都会导致图表生成器查看angular.json中项目列表中的最后一个项目。|3287458|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

I resolved this issue in a .net core 2 configured Angular CLI app by simply moving the project object in the angular.json file to the bottom of the projects list.

In my case the main app project was first, followed by the e2e project. I switched them and the CLI went back to creating schematics in the appropriate src/app folder.

I will speculate that whatever ng-update does to the configuration, causes the schematics generator to look at whatever is last on the projects list in the angular.json.

blocks|key|3047629|text|如果要在角项目中创建新组件，请执行以下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3047630|blockquote|3047631|最好的方法是使用以下命令ng+generate+component+sampleComponent或ng+g+c+sampleComponent使用角CLI|unordered-list-item|offset|length|style|CODE|3047632|在这个场景中要考虑的两个主要方面是|3047633|您必须在主根(+main+)项目文件夹中，或者在src/app文件夹中，然后使用generate命令。|ordered-list-item|BOLD|3047634|无论哪种方式，新生成的组件都将在src/app文件夹中创建，并将这些新组件导入app.module.ts文件中。|3047635|3047636|但是在你的例子中，我强烈的感觉到你可能在e2e文件夹中，这就是你收到这条消息的原因。|3047637|​|3047638|📷|atomic|3047639|3047640|3047641|如果您使用ng+generate+component+sampleComponent+--skip-import来遵循它，它将在e2e文件夹中创建组件。(类似的情况是，如果您在+src+文件夹中，但在app文件夹之外-这将在src文件夹中创建一个新组件。)|3047642|遵循以下步骤|3047643|从终端(+MAC+OS+)的e2e文件夹中取出cd+..+注意事项：您也可以在这里使用ng+g+c+sampleComponent本身，这将在src/app中创建组件。|3047644|将目录更改为src+cd+src/|3047645|将目录更改为app+cd+app/|3047646|使用命令-这将在src/app中创建组件。|3047647|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/f85ec3f49a0cf15f01ae5ee6c5e101a7.png|imageAlt^0|0|0|C|11|1E|M|0|0|5|1|O|7|0|G|7|0|0|K|3|0|0|0|1|0|0|0|0|5|1F|2G|5|2S|3|0|0|N|5|17|M|T|4|0|A|7|0|A|7|0|0^^$0|@$1|2|3|4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|B|3|-4|5|C|7|1O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1P|8|@$G|1Q|H|1R|I|J]|$G|1S|H|1T|I|J]]|9|@]|A|$]]|$1|K|3|L|5|6|7|1U|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|1V|8|@$G|1W|H|1X|I|P]|$G|1Y|H|1Z|I|P]]|9|@]|A|$]]|$1|Q|3|R|5|O|7|20|8|@$G|21|H|22|I|P]]|9|@]|A|$]]|$1|S|3|-4|5|C|7|23|8|@]|9|@]|A|$]]|$1|T|3|U|5|F|7|24|8|@$G|25|H|26|I|P]]|9|@]|A|$]]|$1|V|3|W|5|6|7|27|8|@]|9|@]|A|$]]|$1|X|3|Y|5|Z|7|28|8|@]|9|@$G|29|H|2A|1|2B]]|A|$]]|$1|10|3|W|5|6|7|2C|8|@]|9|@]|A|$]]|$1|11|3|-4|5|C|7|2D|8|@]|9|@]|A|$]]|$1|12|3|13|5|F|7|2E|8|@$G|2F|H|2G|I|J]|$G|2H|H|2I|I|P]|$G|2J|H|2K|I|P]]|9|@]|A|$]]|$1|14|3|15|5|6|7|2L|8|@]|9|@]|A|$]]|$1|16|3|17|5|F|7|2M|8|@$G|2N|H|2O|I|J]|$G|2P|H|2Q|I|J]|$G|2R|H|2S|I|P]]|9|@]|A|$]]|$1|18|3|19|5|F|7|2T|8|@$G|2U|H|2V|I|J]]|9|@]|A|$]]|$1|1A|3|1B|5|F|7|2W|8|@$G|2X|H|2Y|I|J]]|9|@]|A|$]]|$1|1C|3|1D|5|6|7|2Z|8|@]|9|@]|A|$]]|$1|1E|3|-4|5|6|7|30|8|@]|9|@]|A|$]]]|1F|$1G|$5|1H|1I|1J|A|$1K|1L|1M|-4]]]]

If you want to create a new component in an Angular project 

<blockquote>
 <ul>
 <li>The best way is by using Angular CLI with the following command 
 <code>ng generate component sampleComponent</code>
 or
 <code>ng g c sampleComponent</code></li>
 </ul>
</blockquote>

The two main aspects to consider in this scenario is 

<ol>
<li>You have to be either in the main root (my-app) project folder or inside the src/app folder and then use the generate component commands. </li>
<li>Either way, the new generated component will be created inside the src/app folder and also importing those new components into the app.module.ts file</li>
</ol>

<blockquote>
 <ul>
 <li>But in your case, I am having a strong feeling that you might be in e2e folder, that is the reason why you got this message </li>
 </ul>
</blockquote>

<a href="https://i.stack.imgur.com/feJJd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/feJJd.png" alt="enter image description here"></a>

<blockquote>
 <ul>
 <li>and if you follow it by using <code>ng generate component sampleComponent --skip-import</code> that's creating the component in e2e folder. ( similar case if you are inside the src folder but outside the app folder- this creates a new component in src folder.)</li>
 </ul>
</blockquote>

follow these steps

<ul>
<li>get out from the e2e folder in the terminal ( MAC OS )
<code>cd ..</code> 
Note: you can also use the <code>ng g c sampleComponent</code> here itself and this creates the component inside src/app. </li>
<li>change directory to src
<code>cd src/</code></li>
<li>change directory to app
<code>cd app/</code></li>
</ul>

use the command - this creates the component in src/app.

blocks|key|3287539|text|我也遇到了同样的问题，当我试图生成一个新的组件，我不知道背后的实际原因，但我想是因为角度更新。不过，我已经解决了，你可以试试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3287540|用途：ng+g+c+(component+Name)+--project=(project+Name*)+--module=app|offset|length|style|CODE|3287541|项目name=您可以在angular.json文件中找到它|3287542|它将被提及为|3287543|+"$schema":+"./node_modules/@angular-devkit/core/src/workspace/workspace-schema.json",
++"version":+1,
++"newProjectRoot":+"projects",
++"projects":+{
++++***"angular.io-example"***:+{
++++++"root":+"",
++++++"projectType":+"application",|code-block|syntax|javascript|3287544|您的项目名为angular.io-example。|3287545|entityMap^0|0|3|1Q|0|B|C|0|0|0|6|I|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|Y|8|@$D|Z|E|10|F|G]]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|12|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|13|8|@$D|14|E|15|F|G]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|T|$]]

I also have encountered the same problem when i was trying to generate a new component,i don't know the actual reason behind it but i guess its there because of angular update.
I have solved it though,which you can try:

use: <code>ng g c (component Name) --project=(project Name*) --module=app</code>

project name= you can find it in <code>angular.json</code> file

it will be mentioned as

<pre><code> "$schema": "./node_modules/@angular-devkit/core/src/workspace/workspace-schema.json",
 "version": 1,
 "newProjectRoot": "projects",
 "projects": {
 ***"angular.io-example"***: {
 "root": "",
 "projectType": "application",
</code></pre>

Your project name is <code>angular.io-example</code>.

blocks|key|3287585|text|在将一个项目从角4.3升级到角度6后，我也遇到了同样的问题，问题是项目名称-e2e项目下的sourceRoot值在angular.json中。它被设置为"e2e“。与最初使用Range6(而不是升级)创建的其他项目相比，我注意到它们在e2e项目上为e2e指定了一个空字符串。在将我的配置改为那个配置后，这个问题就解决了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3287586|请注意，主项目的sourceRoot仍然应该是"src"，您只需要将其更改为e2e项目上的空字符串。|3287587|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

I had the same problem after upgrading a project from Angular 4.3 to Angular 6. The problem turned out to be the sourceRoot value in angular.json under the [project-name]-e2e project. It was set to "e2e". When comparing to other projects created initially with Angular 6 (not upgraded), I noticed that they had an empty string specified for sourceRoot on the e2e project. After changing mine to that configuration, this problem was resolved.

Please note that sourceRoot for the primary project should still be "src", you should only need to change it to an empty string on the e2e project.

When generating a new component using <code>ng g c my-component</code> I get the error:

<blockquote>
 Could not find an NgModule. Use the skip-import option to skip
 importing in NgModule.
</blockquote>

If I then use the skip-import option Angular generates the component in my e2e folder.

I'm assuming it's something to do with my <code>angular.json</code> file which used to be called <code>angular-cli.json</code> prior to me running ng upgrade which is no doubt what caused the issue as there seems to have been some structural changes.

Is there way to fix this without creating a new project with the CLI and then manually copying over files..?

ng g c ran from root "my-app" folder.

Folder structure:

<pre><code>my-app
 - dist
 - e2e
 - node_modules
 - src
 - app
 - etc
</code></pre>

angular.json within my-app folder

<pre><code>**Angular Versions:**
@angular-devkit/architect 0.6.8
@angular-devkit/build-angular 0.6.8
@angular-devkit/build-optimizer 0.6.8
@angular-devkit/core 0.6.8
@angular-devkit/schematics 0.6.8
@angular/cli 6.0.8
@ngtools/webpack 6.0.8
@schematics/angular 0.6.8
@schematics/update 0.6.8
rxjs 5.5.2
typescript 2.5.3
webpack 4.8.3
</code></pre>

Angular CLI generate component issue

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

当使用ng g c my-component生成一个新组件时，我会得到以下错误：找不到NgModule。使用skip选项在NgModule中跳过导入。如果我然后使用跳过导入选项角将在我的e2e文件夹中生成组件。我假设这与我的angular.json文件有关，该文件在我运行ng升级之前曾被称为angular-cli.js...

问角CLI产生分量问题
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角CLI产生分量问题EN