carbon-design-system / carbon-design-system/carbon-tutorial-angular

Step 4 - [SOLVED] Made it run

Open
#608 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
20
Forks
883
PR merge metrics
No merged PRs in 30d

Description

In the Step 4 tutorial, it does not instruct you to compile and run. It directly gets you to commit and push. I however wanted to see how it looks when run. But it did not. It did build without any errors, but when run, on the dev console, I saw errors regarding ...

``, ``, and `` not being recognized as elements.

What I did, I did in `home.module.ts` alone. I added all these components in the right place.

Here's what I did...

**home.module.ts**

```
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { InfoModule } from "./../info/info.module";
import { HomeRoutingModule } from './home-routing.module';
import { InfoCardComponent } from './../info/info-card/info-card.component';
import { PersonFavorite32Module } from "@carbon/icons-angular/lib/person--favorite/32";
import { Globe32Module } from "@carbon/icons-angular/lib/globe/32";
import { Application32Module } from "@carbon/icons-angular/lib/application/32";

import {
BreadcrumbModule,
ButtonModule,
GridModule,
TabsModule
} from 'carbon-components-angular';

@NgModule({
declarations: [LandingPageComponent],
imports: [
CommonModule,
HomeRoutingModule,
BreadcrumbModule,
ButtonModule,
GridModule,
TabsModule,
InfoModule,
PersonFavorite32Module,
Globe32Module,
Application32Module
]
})
export class HomeModule { }
```
Hope this helps!

Contributor guide

No contributing guide indexed for this repository

Research direction

Start with the Step 4 tutorial instructions and compare them with the reported home.module.ts changes and runtime errors. Done means the tutorial tells readers when to compile and run the app, and the documented steps produce a working Step 4 result without unrecognized-element errors.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular
Domain
documentation
Issue type
Documentation
Difficulty
1/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.