How to Install Packages in Angular Project | Installing Tailwind CSS in Angular | தமிழ் | ACC-03

Подписаться 9 тыс.

Просмотров 3,9 тыс.

50% 1

Hello Friends, This video is part of the Angular Crash Course Playlist. Playlist link below. In this video we will be learning to install external packages to an angular project. By which we will install Tailwind CSS and Animate CSS in our project which we will be using thought out this course.
Also for all your doubts and questions kindly join the discord server. Link below.
Subscribe to the channel by clicking the link below, so that you will not miss any updates.
www.youtube.co...
Angular Crash Course in Tamil Playlist
• Angular Crash Course i...
Download Code Link
github.com/JAF...
Download Instructions:
Watch this video where i will be providing you instructions on how to download the code
• New Course Announcemen...
#jafscodeschooltamil #jafs #jafscodeschool
Instagram - / jafscodeschool
Discord - dsc.gg/JAFSCod...
Website - www.JAFSCodeSc...

Опубликовано:

6 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 45

@sriramv1846 29 дней назад

good one about package basic

@arunkumartm8751 9 месяцев назад

Sir, Kindly please remake the same playlist in Angular 17, because many features have been modified and cannot follow this playlist in latest version.

@JAFSCodeSchoolTamil 9 месяцев назад

Yes. I am planning on what to do.

@arunkumartm8751 9 месяцев назад

@@JAFSCodeSchoolTamil Sir, waiting for that. Please make soon 😊

@user-ov9br8gr4w 2 месяца назад

Yes angular 17 there is no animate.css file in node modules... 😢

@ajithkumarsamikannu5083 Год назад

It was awesome to learn angular for easy way

@JAFSCodeSchoolTamil Год назад

Thank you bro. Complete the full course i have covered all the basics.

@carmelmadha7490 2 года назад

Sir thank you i am following your videos ☺️

@JAFSCodeSchoolTamil 2 года назад

😊😊😊 thank you.

@goodviber4136 Год назад

22:40 HI Sir, module.exports = AnimateCSS({ content: ["./src/**/*.{html,ts}", ], theme: { extend: {}, }, plugins: [], }) Idha execute panna,.,below error varudhu ./node_modules/ngx-toastr/toastr.css - Error: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): TypeError: AnimateCSS is not a function ./src/styles.css - Error: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): TypeError: AnimateCSS is not a function ./src/app/app.component.css?ngResource - Error: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): TypeError: AnimateCSS is not a function ./node_modules/ngx-toastr/toastr.css?ngGlobalStyle - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): HookWebpackError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): TypeError: AnimateCSS is not a function ./src/styles.css?ngGlobalStyle - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): HookWebpackError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js): TypeError: AnimateCSS is not a function

@JAFSCodeSchoolTamil Год назад

This package is not working bro. Install another package from below link and use this package. the configuration is little different. see this link for instructions. If you cannot understand, let me know. www.npmjs.com/package/tailwindcss-animatecss Just after installing this package instead of AnimateCSS, add this package name to the plugins section of tailwind.config.js plugins: [ // Other plugins require('tailwindcss-animatecss'), ]

@HARI-iy5uv 8 месяцев назад

@@JAFSCodeSchoolTamilI got same error, now rectified by your instructions sir thank you

@oggysway8895 5 месяцев назад

warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration...after installation it works properly...but after re-run the project this error occured...plz clear this doubt

@JAFSCodeSchoolTamil 5 месяцев назад

There are 3 places to check. 1. In your package.json file. check if the tailwind-related pages are installed properly. 2. Check if the tailwind config file is found in the root directory and check if the content in that config is the same as that is provided in the tailwind documentation. 3. check your styles.css file and see if the tailwind components are imported. If all these 3 are done correctly and still if it is not working, upload your code to GitHub and send me the link. I will check and let you know.

@josejoel9346 5 месяцев назад

X [ERROR] required is not defined [plugin angular-css] angular:styles/global:styles:1:8: 1 │ @import 'src/styles.css'; indha maadhiri error varudhu sir.

@JAFSCodeSchoolTamil 5 месяцев назад

I have not used angular-css plugin bro. please check if there are any version mismatch issues. may be the latest angular is not supported.

@user-yr3du2dp1p 7 месяцев назад

Tailwind CSS configuration file found (tailwind.config.js) but the 'tailwindcss' package is not installed. To enable Tailwind CSS, please install the 'tailwindcss' package.

@JAFSCodeSchoolTamil 7 месяцев назад

did you install tailwind locally or globally. Check if your package.json has tailwind in it. if not install it using the command that is given in the tailwind docs.

@govindhraj8300 2 года назад

Angular Api vachi oru video podunga bro

@JAFSCodeSchoolTamil 2 года назад

Sure bro. After this crash course i will do.

@gokullakshmi7043 2 года назад

Thankyou bro

@vishnuvarthan2141 8 месяцев назад

9:11 background colour is not showing

@JAFSCodeSchoolTamil 8 месяцев назад

Background color of what bro? background color of ngx-toastr ?

@kavisworld108 8 месяцев назад

i installed tailwindcss and also i configured correctly as you shown in this video but its not working also this package is not shown in package.json devDependencies

@JAFSCodeSchoolTamil 8 месяцев назад

Can you post the content of your package.json? Also let me know if you installed the packages with -g or without -g. You have to install without -g to add to your project.

@informer9261 2 года назад

sir js advance topic step by step tutorial podunga sir and react tutorial

@JAFSCodeSchoolTamil 2 года назад

React i know only the basics bro. Will post videos on that when I am confident enough to teach. JavaScript advance, what topics you want me to cover?

@subbu0142 4 месяца назад

ERROR Error [NullInjectorError]: R3InjectorError(Environment Injector)[_ToastrService -> InjectionToken ToastConfig -> InjectionToken ToastConfig]: NullInjectorError: No provider for InjectionToken ToastConfig! at NullInjector.get sir how do i fix this bug

@NaveenKrish-fi3bq Год назад

Error: node_modules/ngx-toastr/toastr/toast-noanimation.component.d.ts:50:18 - error TS2707: Generic type 'ɵɵComponentDeclaration' requires between 7 and 8 type arguments. showing some error

@NaveenKrish-fi3bq Год назад

solved the issue.. version problem

@JAFSCodeSchoolTamil Год назад

👍👍👍👍👍👍👍

@k.muthuramanmca9949 Год назад

Pro animate css not working my project

@JAFSCodeSchoolTamil Год назад

Put your code in GitHub and share the link. Will check

@ramsmart8939 Год назад

const { withAnimations } = require('animated-tailwindcss') add like this in tailwind.config.js file

@JAFSCodeSchoolTamil Год назад

@@ramsmart8939 did you install animated-tailwindcss package? Also did you modify the default tailwind configuration object ?

@ramsmart8939 Год назад

@@JAFSCodeSchoolTamil I follow your video. I got issue while working with animated tailwindcss

@JAFSCodeSchoolTamil Год назад

@@ramsmart8939 I understand that you are facing issues. But without seeing your code I will not be able to help you. Could you post your code on GitHub and post that link? I will check and let you know. If you can't post on GitHub, kindly reply to the entire code in the tailwind config file.