akveo / ngx-admin Goto Github PK
View Code? Open in Web Editor NEWCustomizable admin dashboard template based on Angular 10+
Home Page: https://akveo.github.io/ngx-admin/
License: MIT License
Customizable admin dashboard template based on Angular 10+
Home Page: https://akveo.github.io/ngx-admin/
License: MIT License
I suggest that every version create a tag....
[email protected] install /home/peihao/angularTest/ng2-admin/node_modules/node-zopfli
node-pre-gyp install --fallback-to-build
node-pre-gyp ERR! Tried to download: https://node-zopfli.s3.amazonaws.com/Release/zopfli-v1.4.0-node-v46-linux-x64.tar.gz
node-pre-gyp ERR! Pre-built binaries not found for [email protected] and [email protected] (node-v46 ABI) (falling back to source compile with node-gyp)
make: Entering directory `/home/peihao/angularTest/ng2-admin/node_modules/node-zopfli/build'
CXX(target) Release/obj.target/zopfli/src/zopfli-binding.o
In file included from ../src/zopfli-binding.h:5,
from ../src/zopfli-binding.cc:3:
../../nan/nan.h:43:3: error: #error This version of node/NAN/v8 requires a C++11 compiler
In file included from /home/peihao/.node-gyp/4.4.5/include/node/node.h:42,
from ../src/zopfli-binding.cc:1:
......................................................................................................
Here is the error message at the end of installation:
npm ERR! Linux 2.6.32-573.26.1.el6.x86_64
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "install"
npm ERR! node v4.4.5
npm ERR! npm v3.9.5
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] postinstall: npm run typings -- install && bower install
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'npm run typings -- install && bower install'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the ng2-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run typings -- install && bower install
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs ng2-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls ng2-admin
npm ERR! There is likely additional logging output above.
And my OS info is :
Linux Client for e-business (RHEL) 6.7
LSB_VERSION=base-4.0-amd64:base-4.0-noarch:core-4.0-amd64:core-4.0-noarch:graphics-4.0-amd64:graphics-4.0-noarch:printing-4.0-amd64:printing-4.0-noarch
Open Client RHEL 67 3.70
Red Hat Enterprise Linux Workstation release 6.7 (Santiago)
Does anyone encounter similar issues like this?
I'm submitting a ..some little visual issue -
bug report
i prefer to classify it as a bug
What is the current behavior is :the expand/collapse arrow icon always stays in same position
steps to reproduce: click on some menu items which has subitems
you will see that afetr the animation the arrow icon returns to same position.
expected behavior: it should point to opposite direction
so user will clear indication that by pressing icon the menu should collapse like here: http://akveo.com/blur-admin-mint/#/dashboard
After following your instructions on adding a new page application does not properly load; the loading wheels just keep spinning and the console shows error message Cannot find name 'New'.
Please update adding page documentation with updated means to add pages.
Calendar event modal should look prettier and have ability to add custom fields
Hi,
First I would like to thank you for all your afford and making a development platform for a good angular 2 application.
No doubt it's a very good application but there is no option of debugging typescript or css. So my question is how to enable debugging typescript and css from chrome console with source map?
When I run the server (in dev mode or in production mode), I get a error that leaflet.css cannot be resolved. I assume that the title is enough to describe the problem.
My environment:
Mac osx El capitan, node v4.4.4
my website have more use type each have different menu. How can i make it with ng2-admin
thanks !
Unfortunately I cannot open the website, either with nginx nor with "http-server ."
It tries to load the page and I see the spinner loading... forever... :-)
Is there any workaround to make it production ready?
Do you think you'll update this to the latest Router used by Angular 2 ?
The latest router info can be found in this post http://victorsavkin.com/post/145672529346/angular-router
and as an exaple of it being used here
http://plnkr.co/edit/ER0tf8fpGHZiuVWB7Q07?p=preview
I think we should adopt the latest router since that is what Angular2 is going with.
I am Using the ng2-admin,So I am so caring... and thank you very much!
Hi all,
I'm quite new with angular2 + webpack. Can someone help me to integrated this UI into ASP.NET core?
How are you able to use this command: require('./theme/initial.scss');
and import it into a component?
I'm trying to do the same into my project (created with Angular cli) and it doesn't work.
Excellent work!
Thanks
getting error,
browser_adapter.ts?9397:78 EXCEPTION: Error: Uncaught (in promise): Template parse errors:
The pipe 'translate' could not be found
i added
app.component.ts
import {TRANSLATE_PROVIDERS, TranslateService, TranslatePipe, TranslateLoader, TranslateStaticLoader} from 'ng2-translate/ng2-translate';
@component({
selector: 'app',
pipes: [TranslatePipe],
but errors comes.
baCard
appears white.baCard
renders improperly because it uses the wrong theme. The problem is BaThemeConfig
is not overriding BaThemeConfigProvider
. BaThemeConfig
is mentioned in providers
in app.component.ts
but never injected so its constructor is never called. If you add private _config:BaThemeConfig
to App
constructor everything works fine.I'm submitting a bug report when I try to install and run locally I get the following error:
ERROR in ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts Module not found: Error: Cannot resolve module 'leaflet/dist/leaflet.css' in C:\Projects\myprojects\ng2-admin\src\app\pages\maps\components\leafletMaps @ ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts 2:0-48
HTTP404: NOT FOUND - The server has not found anything matching the requested URI (Uniform Resource Identifier).
(XHR): GET - http://localhost:3000/Subject.js.map//
Can you please explain how to import and use "primeNG" ui components?
I created a new page and I tried to place the primeNG panel, but this is not displayed correctly.
(sorry my bad english)
import {Component} from '@angular/core';
import { Panel} from 'primeng/primeng';
@component({
selector: 'new',
pipes: [],
providers: [],
directives: [Panel],
styles: [],
template: <p-panel header="Title"> Content </p-panel>
})
export class New {
constructor() {
}
}
Thanks.
The root component is currently named just App
. In the official Angular tutorials and style guide advise to use AppComponent
. The same goes for a lot of other classes in this project.
I believe that staying consistent with the official Angular tutorials and style guide will avoid confusion with new Angular developers. They will be more likely to use this project if it's clear to them.
$ npm install
-
> [email protected] postinstall /home/mrakotomandimby/abt-admin/ng2-admin
> npm run typings -- install && bower install
> [email protected] typings /home/mrakotomandimby/abt-admin/ng2-admin
> typings "install"
├── zone.js
├── core-js (ambient)
├── hammerjs (ambient)
├── lodash (ambient)
├── node (ambient)
└── webpack (ambient)
sh: bower: command not found
npm ERR! Linux 3.10.0-327.18.2.el7.x86_64
npm ERR! argv "/home/mrakotomandimby/node-v4.4.5-linux-x64/bin/node" "/home/mrakotomandimby/node-v4.4.5-linux-x64/bin/npm" "install"
npm ERR! node v4.4.5
npm ERR! npm v2.15.5
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] postinstall: `npm run typings -- install && bower install`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the [email protected] postinstall script 'npm run typings -- install && bower install'.
npm ERR! This is most likely a problem with the ng2-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run typings -- install && bower install
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs ng2-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!
npm ERR! npm owner ls ng2-admin
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /home/mrakotomandimby/abt-admin/ng2-admin/npm-debug.log
If I install bower:
[mrakotomandimby@c7-abt-spray ng2-admin]$ npm install --global bower
/home/mrakotomandimby/node-v4.4.5-linux-x64/bin/bower -> /home/mrakotomandimby/node-v4.4.5-linux-x64/lib/node_modules/bower/bin/bower
[email protected] /home/mrakotomandimby/node-v4.4.5-linux-x64/lib/node_modules/bower
Then everything is OK:
[mrakotomandimby@c7-abt-spray ng2-admin]$ npm install
/
> [email protected] postinstall /home/mrakotomandimby/abt-admin/ng2-admin
> npm run typings -- install && bower install
> [email protected] typings /home/mrakotomandimby/abt-admin/ng2-admin
> typings "install"
├── zone.js
├── core-js (ambient)
├── hammerjs (ambient)
├── lodash (ambient)
├── node (ambient)
└── webpack (ambient)
bower Ionicons#~2.0.1 not-cached https://github.com/driftyco/ionicons.git#~2.0.1
bower Ionicons#~2.0.1 resolve https://github.com/driftyco/ionicons.git#~2.0.1
bower Ionicons#~2.0.1 checkout v2.0.1
bower Ionicons#~2.0.1 progress Receiving objects: 44% (605/1373), 1.67 MiB | 381.00 KiB/s
bower Ionicons#~2.0.1 invalid-meta The "name" is recommended to be lowercase, can contain digits, dots, dashes
bower Ionicons#~2.0.1 invalid-meta The "main" field cannot contain globs (example: "*.js")
bower Ionicons#~2.0.1 mismatch Version declared in the json (2.0.0) is different than the resolved one (2.0.1)
bower Ionicons#~2.0.1 resolved https://github.com/driftyco/ionicons.git#2.0.1
bower Ionicons#~2.0.1 install Ionicons#2.0.1
Ionicons#2.0.1 node_modules/Ionicons
[email protected] node_modules/amcharts3
[email protected] node_modules/ammap3
Failed to exec build:prod script
Windows 8.1
browser_adapter.ts?9397:78 EXCEPTION: Error: Uncaught (in promise): ObjectUnsubscribedError
browser_adapter.ts?9397:78 Error: Uncaught (in promise): ObjectUnsubscribedError
at resolvePromise (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:538:32)
at eval (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:574:18)
at ZoneDelegate.invokeTask (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:356:38)
at Object.onInvokeTask (eval at <anonymous> (vendor.bundle.js:1368), <anonymous>:36:41)
at ZoneDelegate.invokeTask (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:355:43)
at Zone.runTask (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:256:48)
at drainMicroTaskQueue (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:474:36)
at ZoneTask.invoke (eval at <anonymous> (polyfills.bundle.js:2913), <anonymous>:426:22)
Can You make a editable table with a add button as you did with the blur theme
I want to request a feauture
Can You make a smart table with filters, sortable columns and pagination as you did with the blur theme, please?
Same problem as described in bug #1 . No of the fixes worked for me. npm start displays the following errors:
331ms build modules
38ms seal
211ms optimize
33ms hashing
38ms create chunk assets
7ms additional chunk assets
0ms optimize chunk assets
214ms optimize assets
99ms emit
Hash: 433c68f8980a8f328adf
Version: webpack 1.13.1
Time: 2231ms
Asset Size Chunks Chunk Names
main.bundle.js 8.68 MB 1 [emitted] main
initial.css 60.5 kB 1 [emitted] main
chunk {0} polyfills.bundle.js (polyfills) 461 kB
+ 336 hidden modules
chunk {1} main.bundle.js, initial.css (main) 3.23 MB {2} [rendered]
[649] ./src/app/app.menu.ts 3.91 kB {1} [built]
... -> factory:0ms building:137ms
+ 555 hidden modules
chunk {2} vendor.bundle.js (vendor) 2.91 MB {0}
+ 372 hidden modules
Child html-webpack-plugin for "index.html":
chunk {0} index.html 519 kB
+ 3 hidden modules
webpack: bundle is now VALID.
[default] Checking started in a separate process...
[default] /home/ubuntu/workspace/ng2-admin/node_modules/@angular/common/src/directives/ng_class.d.ts:72:35
Cannot find name 'Set'.
[default] /home/ubuntu/workspace/ng2-admin/node_modules/@angular/common/src/facade/async.d.ts:27:33
Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/node_modules/@angular/common/src/facade/async.d.ts:28:45
Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/node_modules/@angular/common/src/facade/lang.d.ts:4:17
Cannot find name 'Map'.
[default] /home/ubuntu/workspace/ng2-admin/node_modules/@angular/common/src/facade/lang.d.ts:5:17
[default] /home/ubuntu/workspace/ng2-admin/src/app/theme/services/baThemePreloader/baThemePreloader.service.ts:16:24
Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/src/app/theme/services/baThemePreloader/baThemePreloader.service.ts:17:16
Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/src/app/theme/services/baThemePreloader/baThemePreloader.service.ts:24:7
Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/src/app/theme/theme.configProvider.ts:80:5
Cannot find name '_'.
[default] /home/ubuntu/workspace/ng2-admin/src/app/theme/theme.configProvider.ts:84:5
Cannot find name '_'.
[default] /home/ubuntu/workspace/ng2-admin/src/main.browser.ts:23:46
Cannot find name 'Promise'.
[default] /home/ubuntu/workspace/ng2-admin/src/main.browser.ts:51:15
Cannot find name 'require'.
[default] /home/ubuntu/workspace/ng2-admin/src/main.browser.ts:52:36
Cannot find name 'module'.
[default] /home/ubuntu/workspace/ng2-admin/src/polyfills.ts:12:1
Cannot find name 'require'.
I've tried:
Install:
I've also tried global [email protected] as it's in the dev requirements.
What's interesting the application seems to work and reloads correctly. Currently i'm ignoring those errors. Anybody can confirm this issue?
When you collapse menu, it's hard to understand what menuitem does each icon represent. We need to add some hover effect or just title.
Todo should not create empty task
Hi,
Is there any plan to have a branch based on Angular-cli (systemJs etc...)?
This is bug
<div class="content-top clearfix">
<h1 class="al-title">{{ activePageTitle }}</h1>
<ul class="breadcrumb al-breadcrumb">
<li>
<a href="#/pages/dashboard">Home</a></li>
<li>{{ activePageTitle }}</li> // activePageTitle is not working. just empty
</ul>
</div>
http://akveo.com/ng2-admin/#/pages/charts/chartist-js
you can check your demo site.
Привет ребята.
Отличная тема, однако Мне, как человеку никогда не работающему с Angular 2 трудно разобраться. Было бы очень хорошо, если Вы добавите отрисовку одного из разделов темы по JSON файлу. Т.е. в тему приходит JSON от сервера и в теме уже идет отображение данных, так сказать максимально приближенное к реальному назначению этой темы.
Right now It works with webpack\
Reason.
I know webpack is well regarded among the community, but considering the angular cli it's simplifying the start up project with systemjs, it would be nice to have this admin with the default module loader as a branch.
I'm submitting a ..feature request-
There is no support to draggable panels (similar to Angular2-Grid). Kindly plan to provide this kind of feature in future?
for Angular2-Grid refer this link - https://bmorton.co.uk/angular/
Cheers
Sanket
I believe that the inclusion of a plug-in instant messaging could help many people
0 info it worked if it ends with ok
1 verbose cli [ 'C:\Program Files\nodejs\node.exe',
1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'start' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prestart', 'start', 'poststart' ]
5 info prestart [email protected]
6 info start [email protected]
7 verbose unsafe-perm in lifecycle true
8 info [email protected] Failed to exec start script
9 verbose stack Error: [email protected] start: npm run server:dev
9 verbose stack Exit status 1
9 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\lib\utils\lifecycle.js:217:16)
9 verbose stack at emitTwo (events.js:87:13)
9 verbose stack at EventEmitter.emit (events.js:172:7)
9 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\lib\utils\spawn.js:24:14)
9 verbose stack at emitTwo (events.js:87:13)
9 verbose stack at ChildProcess.emit (events.js:172:7)
9 verbose stack at maybeClose (internal/child_process.js:827:16)
9 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:211:5)
10 verbose pkgid [email protected]
11 verbose cwd E:\Angular2\AdminTemplate\ng2-admin
12 error Windows_NT 10.0.10240
13 error argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "start"
14 error node v4.4.5
15 error npm v2.15.5
16 error code ELIFECYCLE
17 error [email protected] start: npm run server:dev
17 error Exit status 1
18 error Failed at the [email protected] start script 'npm run server:dev'.
18 error This is most likely a problem with the ng2-admin package,
18 error not with npm itself.
18 error Tell the author that this fails on your system:
18 error npm run server:dev
18 error You can get information on how to open an issue for this project with:
18 error npm bugs ng2-admin
18 error Or if that isn't available, you can get their info via:
18 error
18 error npm owner ls ng2-admin
18 error There is likely additional logging output above.
19 verbose exit [ 1, true ]
(node) crypto.createCredentials is deprecated. Use tls.createSecureContext instead.
(node) crypto.Credentials is deprecated. Use tls.createSecureContext instead.
16% 18/176 build modulesError: ENOENT: no such file or directory, scandir '/ng2-admin/node_modules/node-sass/vendor'/ng2-admin/node_modules/node-sass/lib/extensions.js:74:13)
at Error (native)
at Object.fs.readdirSync (fs.js:856:18)
at Object.getInstalledBinaries (
at foundBinariesList (/ng2-admin/node_modules/node-sass/lib/errors.js:20:15)/ng2-admin/node_modules/node-sass/lib/errors.js:15:5)
at foundBinaries (
at Object.module.exports.missingBinary (/ng2-admin/node_modules/node-sass/lib/errors.js:45:5)/ng2-admin/node_modules/node-sass/lib/index.js:14:28)
at Object. (
at Module._compile (module.js:413:34)
at Object.Module._extensions..js (module.js:422:10)
at Module.load (module.js:357:32)
at Function.Module._load (module.js:314:12)
at Module.require (module.js:367:17)
at require (internal/module.js:16:19)
at Object. (/ng2-admin/node_modules/sass-loader/index.js:4:12)/ng2-admin/node_modules/webpack-core/lib/NormalModuleMixin.js:193:17)
at Module._compile (module.js:413:34)
at Object.Module._extensions..js (module.js:422:10)
at Module.load (module.js:357:32)
at Function.Module._load (module.js:314:12)
at Module.require (module.js:367:17)
at require (internal/module.js:16:19)
at DependenciesBlock.loadPitch (
at DependenciesBlock.loadPitch (/ng2-admin/node_modules/webpack-core/lib/NormalModuleMixin.js:186:21)/ng2-admin/node_modules/webpack-core/lib/NormalModuleMixin.js:223:61)
at DependenciesBlock.loadPitch (
at DependenciesBlock.doBuild (/ng2-admin/node_modules/webpack-core/lib/NormalModuleMixin.js:241:4)/ng2-admin/node_modules/webpack/lib/NormalModule.js:84:14)
at DependenciesBlock.build (
at Compilation.buildModule (~/ng2-admin/node_modules/webpack/lib/Compilation.js:126:9)
at /ng2-admin/node_modules/webpack/lib/Compilation.js:309:10/ng2-admin/node_modules/webpack/lib/NormalModuleFactory.js:38:11)
at /ng2-admin/node_modules/webpack/lib/NormalModuleFactory.js:58:13/ng2-admin/node_modules/tapable/lib/Tapable.js:75:69)
at NormalModuleFactory.applyPluginsAsyncWaterfall (
at onDoneResolving (
[default] Checking started in a separate process... [default] /home/chex/ng2-admin/node_modules/ng2-ckeditor/CKEditor.d.ts:7:36 Cannot find module '@angular/forms'.
npm start
➜ ng2-admin git:(master) node -v
v6.1.0
➜ ng2-admin git:(master) npm -v
3.10.3
Report a bug
ERROR in ./~/bootstrap-loader/lib/bootstrap.loader.js!./~/bootstrap-loader/no-op.js
Module build failed: Error:
Could not find path to 'bootstrap-sass' module.
Make sure it's installed in your 'node_modules/' directory.
at Object.module.exports.pitch (/Users/gavin_roberts/projects/Lead Gateway/client/node_modules/bootstrap-loader/lib/bootstrap.loader.js:90:11)
@ ./~/bootstrap-loader/loader.js 1:0-44
Page would render successfully and no errors would appear.
Users will be able to use the project.
if (item.children && item.children.length > 0) {
menuItem = this._skipEmpty(item.children);
if (menuItem.length == 0){
menuItem = null;
}
}
Note: for support questions, please use one of these channels: Chat: AngularClass.slack or Twitter: @AngularClass
Понравилось все)
Покрайней мере мне.
Если пройдет опруф - будем использовать)
Подскажите, пожалуйста, есть ли у Вас наработки или примеры решений в сторону расширения функциональности таблиц, а именно:
или хотя бы, если возможно, то ссылки на информацию каким образом Вы это хотите видеть.
PS:
на этой неделе еще займусь:
1. подцеплю аналог select2 ( с server-side поиском )
2. собственно таблицами
3. ролями/грантами
Так что ждите пулл-реквестов =)
[x] question about the decisions made in the repository
Report a bug
Cannot load page. npm start
gives an error:
ERROR in ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts
Module not found: Error: Cannot resolve module 'leaflet/dist/leaflet.css' in /mnt/Ddrive/tmp/ng2-admin/src/app/pages/maps/components/leafletMaps
@ ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts 2:0-48
npm install
and npm run
There should not be any errors with npm run
.
To fix it.
stack trace:
[1182] ./~/font-awesome-sass-loader/index.js 84 bytes {2} [built]
[0] 0ms -> [816] 2952ms -> factory:349ms building:155ms = 3456ms
[1188] ./~/lodash/lodash.js 516 kB {2} [built]
[0] 0ms -> [816] 2952ms -> factory:55ms building:266ms = 3273ms
[1243] ./~/style-loader!./~/css-loader!./~/resolve-url-loader!./~/sass-loader?sourceMap!./~/bootstrap-loader/lib/bootstrap.styles.loader.js!./~/source-map-loader!./~/bootstrap-loader/no-op.js 1.35 kB {2} [built]
[0] 0ms -> [816] 2952ms -> [1025] 669ms -> [817] 1135ms -> factory:475ms building:1ms dependencies:55ms = 5287ms
[1244] ./~/style-loader!./~/css-loader!./~/sass-loader!./~/font-awesome-sass-loader/font-awesome-sass-styles.loader.js!./~/font-awesome-sass-loader/font-awesome-sass.config.js 1.19 kB {2} [built]
[0] 0ms -> [816] 2952ms -> [1182] 504ms -> factory:485ms building:10ms = 3951ms
[1247] ./~/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3 84 bytes {2} [built]
[0] 0ms -> [816] 2952ms -> [1182] 504ms -> [1244] 495ms -> [820] 4108ms -> factory:431ms building:297ms = 8787ms
[1248] ./~/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3 83 bytes {2} [built]
[0] 0ms -> [816] 2952ms -> [1182] 504ms -> [1244] 495ms -> [820] 4108ms -> factory:446ms building:283ms = 8788ms
ERROR in ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts
Module not found: Error: Cannot resolve module 'leaflet/dist/leaflet.css' in /mnt/Ddrive/tmp/ng2-admin/src/app/pages/maps/components/leafletMaps
@ ./src/app/pages/maps/components/leafletMaps/leafletMaps.loader.ts 2:0-48
Child html-webpack-plugin for "index.html":
chunk {0} index.html 519 kB [rendered]
[0] ./~/html-webpack-plugin/lib/loader.js!./src/index.html 2.91 kB {0} [built]
factory:25ms building:31ms = 56ms
[1] ./~/lodash/lodash.js 516 kB {0} [built]
[0] 56ms -> factory:248ms building:358ms = 662ms
[2] (webpack)/buildin/module.js 251 bytes {0} [built]
[0] 56ms -> [1] 606ms -> factory:2633ms building:68ms = 3363ms
Child extract-text-webpack-plugin:
Asset Size Chunks Chunk Names
2c2ae068be3b089e0a5b59abb1831550.eot 121 kB [emitted]
621bd386841f74e0053cb8e67f8a0604.svg 334 kB [emitted]
24712f6c47821394fba7942fbb52c3b2.ttf 189 kB [emitted]
05acfdb568b3df49ad31355b19495d4a.woff 67.9 kB [emitted]
chunk {0} extract-text-webpack-plugin-output-filename 67.9 kB [rendered]
[0] ./~/css-loader!./~/sass-loader!./src/app/theme/initial.scss 66.1 kB {0} [built]
factory:0ms building:5010ms = 5010ms
[1] ./~/Ionicons/fonts/ionicons.eot?v=2.0.0 82 bytes {0} [built]
[0] 5010ms -> factory:14ms building:238ms = 5262ms
[2] ./~/Ionicons/fonts/ionicons.svg?v=2.0.0 82 bytes {0} [built]
[0] 5010ms -> factory:15ms building:238ms = 5263ms
[3] ./~/Ionicons/fonts/ionicons.ttf?v=2.0.0 82 bytes {0} [built]
[0] 5010ms -> factory:14ms building:238ms = 5262ms
[4] ./~/css-loader/lib/css-base.js 1.51 kB {0} [built]
[0] 5010ms -> factory:0ms building:1ms = 5011ms
[5] ./~/Ionicons/fonts/ionicons.woff?v=2.0.0 83 bytes {0} [built]
[0] 5010ms -> factory:15ms building:238ms = 5263ms
webpack: bundle is now VALID.
[default] Checking started in a separate process...
[default] Ok, 1.69 sec.
Should I add all of it?
could I know that when the forms update?
I'm reporting an installation/build bug.
I've installed using git clone repository, i've installed all necessary libraries, i've done npm install
and, at finish, i've run npm start
: than going to localhost from console error i see a console error of Cannot resolve module 'leaflet/dist/leaflet.css in src\app\pages\maps\components\leafletMaps
in leafletMaps.loader.ts 2:0 -48
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.