creativetimofficial / argon-design-system-angular Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
This issue is in reference to the Angular version of Argon Design System.
https://www.creative-tim.com/new-issue/argon-design-system-angular
Issue: Performing ng build --prod
fails with the following error.
92% chunk asset optimization optimize-css-webpack-pluginAn unhandled exception occurred: Lexical error on line 1: Unrecognized text.
Erroneous area:
1: 100% - $icon-size-xl - 1
^.........^
The template cannot be used, because it wont start.
Steps:
Console shows:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @angular/[email protected]
npm ERR! node_modules/@angular/core
npm ERR! @angular/core@"^13.3.1" from the root project
npm ERR! peer @angular/core@"13.3.1" from @angular/[email protected]
npm ERR! node_modules/@angular/animations
npm ERR! @angular/animations@"13.3.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/core@"13.3.12" from @angular/[email protected]
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@"^13.3.1" from the root project
npm ERR! peer @angular/common@"13.3.12" from @angular/[email protected]
npm ERR! node_modules/@angular/platform-browser
npm ERR! @angular/platform-browser@"^13.3.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\julia\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\julia\AppData\Local\npm-cache_logs\2023-02-25T11_53_34_441Z-debug-0.log
I already tried to run it whit angular 13.0.0 wich is the version of angular in the last update of the template, but still the same error.
latest
linux
desktop
google chrome, firefox
drop down components work in responsive mode
drop down components don't work in responsive mode
There is node-sass issue in dependencies. Please update the dependencies as per new angular version
test
Hi, I update news versions of Angular and ajust app.module.ts but no have access to create a pull request.
1.1.0
https://github.com/creativetimofficial/argon-design-system-angular
Any
Any
Firefox
No white lines across page
White line across page
latest
windows 10
desktop
chrome latest
-unzip the folder
-run the command 'npm install' on the project folder
-got a NPM ERROR
to work
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: @angular/[email protected]
npm ERR! node_modules/@angular/core
npm ERR! @angular/core@"^13.3.1" from the root project
npm ERR! peer @angular/core@"13.3.1" from @angular/[email protected]
npm ERR! node_modules/@angular/animations
npm ERR! @angular/animations@"13.3.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/core@"13.3.12" from @angular/[email protected]
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@"^13.3.1" from the root project
npm ERR! peer @angular/common@"13.3.12" from @angular/[email protected]
npm ERR! node_modules/@angular/platform-browser
npm ERR! @angular/platform-browser@"^13.3.1" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\julia\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\julia\AppData\Local\npm-cache_logs\2023-02-25T11_53_34_441Z-debug-0.log
dropdown components wich contains (Get started, Foundation, Components) don't work in responsive mode
Error found in install
iMac-de-Ezequiel:argon ezequiel_tav$ npm install
npm WARN deprecated [email protected]: TSLint has been deprecated in favor of ESLint. Please see palantir/tslint#4534 for more information.
npm WARN deprecated @angular/[email protected]: Package no longer supported. Use @angular/common instead, see https://angular.io/guide/deprecations#angularhttp
npm WARN deprecated [email protected]: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
npm WARN deprecated [email protected]: request has been deprecated, see request/request#3142
npm WARN deprecated [email protected]: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm WARN deprecated [email protected]: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated [email protected]: https://github.com/lydell/resolve-url#deprecated
npm ERR! Unexpected end of JSON input while parsing near '...est","grunt-benchmark'
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/ezequiel_tav/.npm/_logs/2020-05-31T06_32_35_078Z-debug.log
last
https://demos.creative-tim.com/argon-design-system-angular/#/landing
Windows
PC
Chrome 100.0.4896.127
the dropdown to close
dropdown stays open.
same happens for the other option in navbar, "Components", but it redirects you to another page and it's not visible.
When I attempt production build following error appears in template component.
ERROR in src/app/sections/angular-section/angular-section.component.html(133,86): : Property 'model' does not exist on type 'AngularSectionComponent'. Did you mean 'model1'?
src/app/sections/angular-section/angular-section.component.html(133,86): : Property 'model' does not exist on type 'AngularSectionComponent'. Did you mean 'model1'?
src/app/sections/angular-section/angular-section.component.html(133,216): : Property 'onDateSelection' does not exist on type 'AngularSectionComponent'.
src/app/sections/angular-section/angular-section.component.html(146,168): : Property 'mama' does not exist on type 'AngularSectionComponent'.
test
This issue relates to the Angular version of Argon Design System.
https://www.creative-tim.com/new-issue/argon-design-system-angular
Issue: Performing an ng build --prod
dies with the following errors.
ERROR in src/app/sections/angular-section/angular-section.component.html:133:99 - error TS2551: Property 'model' does not exist on type 'AngularSectionComponent'. Did you mean 'model1'?
133 <input class="form-control datepicker" placeholder="Select date" name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker" (click)="d.toggle()" (focus)="focus2=true" (blur)="focus2=false" type="text" (select)="onDateSelection($event)" autocomplete="off"/>
~~~~~
src/app/sections/angular-section/angular-section.component.ts:7:16
7 templateUrl: './angular-section.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AngularSectionComponent.
src/app/sections/angular-section/angular-section.component.html:133:105 - error TS2551: Property 'model' does not exist on type 'AngularSectionComponent'. Did you mean 'model1'?
133 <input class="form-control datepicker" placeholder="Select date" name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker" (click)="d.toggle()" (focus)="focus2=true" (blur)="focus2=false" type="text" (select)="onDateSelection($event)" autocomplete="off"/>
~~~~~~
src/app/sections/angular-section/angular-section.component.ts:7:16
7 templateUrl: './angular-section.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AngularSectionComponent.
src/app/sections/angular-section/angular-section.component.html:133:226[0m - error TS2339: Property 'onDateSelection' does not exist on type 'AngularSectionComponent'.
133 <input class="form-control datepicker" placeholder="Select date" name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker" (click)="d.toggle()" (focus)="focus2=true" (blur)="focus2=false" type="text" (select)="onDateSelection($event)" autocomplete="off"/>
~~~~~~~~~~~~~~~~~~~~~~~
src/app/sections/angular-section/angular-section.component.ts:7:16
7 templateUrl: './angular-section.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AngularSectionComponent.
src/app/sections/angular-section/angular-section.component.html:146:178 - error TS2339: Property 'mama' does not exist on type 'AngularSectionComponent'.
146 <input class="form-control datepicker" placeholder="Select date" name="dp1" [(ngModel)]="model1" ngbDatepicker #d1="ngbDatepicker" (click)="d1.toggle()" (select)="mama($event)" type="text" [dayTemplate]="t" (dateSelect)="startDateChanged($event)" autocomplete="off" (focus)="focus3=true" (blur)="focus3=false"/>
~~~~~~~~~~~~
src/app/sections/angular-section/angular-section.component.ts:7:16
7 templateUrl: './angular-section.component.html',
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Error occurs in the template of component AngularSectionComponent.
T
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.