joaogarin / angular-electron Goto Github PK
View Code? Open in Web Editor NEWAngular2 and Electron starter using webpack
Angular2 and Electron starter using webpack
I know its not the right place to ask this question but maybe here i can find some solution,
I am just Stucked @ friend system using Angularfire2 especially how to find my friends status whether they online or offline
My Db is like
Profile-
MARIO:
name: mario
friends:
PRINCE: true
status:online
PRINCE:
name:prince
friends:
MARIO : true
status:offline
Now I want to find profile array to check if my Key exists on their friends objects return all those lists
So i can ngFor those value and view it on the UI
Using map Operator
let key = MARIO
this.Online = this.af.list('profile').map( USERS => {
const Filter = USERS.filter( PROFILE => PROFILE.friends == key) )
return Filter
} )
this.Online.subscribe( RES => console.log( RES) )
But the problem is The code is not working i know something wrong here , It would be great If any 1 can give me a solution to this !
Or I need to Approach it differently ?
==> npm run build
[email protected] build /Users/coder/repos/codesdk/githubrepos/angular2-electron
npm run build:dev[email protected] build:dev /Users/coder/repos/codesdk/githubrepos/angular2-electron
webpack --progress --profile --colors --display-error-details --display-cached
4935ms build modules
21ms seal
44ms optimize
20ms hashing
57ms create chunk assets
2ms additional chunk assets
1411ms optimize chunk assets
761ms optimize assets
45ms emit
Hash: a7d7fd54a52317de98f0
Version: webpack 1.13.0
Time: 7336ms
Asset Size Chunks Chunk Names
app.js 937 kB 0 [emitted] app
polyfills.js 319 kB 1 [emitted] polyfills
vendor.js 1 MB 2 [emitted] vendor
app.map 1.09 MB 0 [emitted] app
polyfills.map 399 kB 1 [emitted] polyfills
vendor.map 1.21 MB 2 [emitted] vendor
[346] external "electron" 42 bytes {0} [not cacheable]
... -> factory:2ms building:0ms
+ 639 hidden modules
ERROR in ./src/app/services/authentication.ts
Module not found: Error: Cannot resolve 'file' or 'directory' ./../config.json in /Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/services
resolve file
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.ts doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.ts doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.js doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.js doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.json doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.json doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.css doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.css doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.html doesn't exist
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.html doesn't exist
resolve directory
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json doesn't exist (directory default file)
/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json/package.json doesn't exist (directory description file)
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.ts]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.ts]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.js]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.js]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.json]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.json]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.css]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.css]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.html]
[/Users/coder/repos/codesdk/githubrepos/angular2-electron/src/app/config.json.async.html]
@ ./src/app/services/authentication.ts 35:14-41
Is it possible to add windows installer and auto updater ?
Because Couldn't find any good repo or documentation to implement it ,
It would be great if u can add it on this repo.
Since some updates angular 2 material started using the BrowserAnimationsModule which must be included in order to use the Angular 2 material tabs (https://material.angular.io/components/component/tabs).
This needs to be added in the app.ts file
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
And injected in the @NgModule
@NgModule({
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
HttpModule,
BrowserAnimationsModule, // <--- here
Else an error will pop up and will prevent the execution of the next scripts :) (and tabs won't work)
I have a project build over this repository in my macbook, tried to bring it to my windows machine but had a tons of issues to solve.
The first one was webpack-related (though there is another issue opened already), after resolving that one, however, I had an extra issue thrown from the .scss file, the issue was about app.theme.scss
.
In the new Angular/Material version, in fact, most of the tags were replaced and some styles were overwritten.
I had to change:
@import '~@angular/material/core/theming/all-theme';
// NOTE: Theming is currently experimental and not yet publically released!
@include md-core();
//Here the existing theme is being redfined
$primary: md-palette($md-deep-purple);
$accent: md-palette($md-amber, A200, A100, A400);
$theme: md-light-theme($primary, $accent);
@include angular-material-theme($theme);
// This is where you define your custom them
// md-palette takes, color, default, lighter and darker params
.m2app-dark {
$dark-primary: md-palette($md-cyan, 700, 500, 900);
$dark-accent: md-palette($md-yellow, A200, A100, A400);
$dark-warn: md-palette($md-amber, A200, A100, A400);
$dark-theme: md-dark-theme($dark-primary, $dark-accent, $dark-warn);
@include angular-material-theme($dark-theme);
}
To:
@import '~@angular/material/core/theming/all-theme';
// NOTE: Theming is currently experimental and not yet publically released!
@include mat-core();
//Here the existing theme is being redfined
$primary: mat-palette($mat-deep-purple);
$accent: mat-palette($mat-amber, A200, A100, A400);
$theme: mat-light-theme($primary, $accent);
@include angular-material-theme($theme);
// This is where you define your custom them
// mat-palette takes, color, default, lighter and darker params
.m2app-dark {
$dark-primary: mat-palette($mat-cyan, 700, 500, 900);
$dark-accent: mat-palette($mat-yellow, A200, A100, A400);
$dark-warn: mat-palette($mat-amber, A200, A100, A400);
$dark-theme: mat-dark-theme($dark-primary, $dark-accent, $dark-warn);
@include angular-material-theme($dark-theme);
}
I didn't update the angular/material manually, I've just copied & pasted the working code from my mac to my pc, run npm install and had the issue, so might be useful if someone else has troubles with it.
WARNING in ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
71:15 Critical dependency: the request of a dependency is an expression
WARNING in ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
87:15 Critical dependency: the request of a dependency is an expression
ERROR in ./src/app/services/authentication.ts
Module not found: Error: Can't resolve './../config.json' in 'C:\msweb\angular2-electron\src\app\services'
@ ./src/app/services/authentication.ts 32:14-41
@ ./src/app/app.ts
Regards,
Sean
Checkout the Ultimate Angular 2 Boorstrap App: @ http://ng2.javascriptninja.io
Source@ https://github.com/born2net/ng2Boilerplate
On Windows. Installed repo as is and followed instructions to build, watch and run.
The switch for "Set Dark theme" moves, but nothing changes.
Authentication with GitHub works fine.
Seems like elements from Angular Material works, but not the theme.
Electron is ES6, so we should probably remove es6-shim and change the target in the tsconfig.json
to es6
Hi . I tried realy hard but i'm new in angular2/electron.
I can't build .
I get the following error at every try after a fresh clone, and a fresh install.
What i do :
npm install webpack -g
npm install electron -g
git clone https://github.com/joaogarin/angular2-electron
cd angular2-electron
npm install
npm run build
I tried on :
thank you for you help ! (s.f.m.b.e)
TypeError: Cannot read property 'request' of undefined
at handleExternals (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:37:33)
at next (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:46:8)
at handleExternals (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:59:7)
at ExternalModuleFactoryPlugin.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:79:5)
at /home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/NormalModuleFactory.js:207:3
at NormalModuleFactory.applyPluginsAsyncWaterfall (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:196:70)
at NormalModuleFactory.create (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/NormalModuleFactory.js:191:8)
at Compilation.process [as _addModuleChain] (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compilation.js:359:16)
at Compilation.process [as addEntry] (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compilation.js:435:7)
at SingleEntryPlugin.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/SingleEntryPlugin.js:22:15)
at Compiler.applyPluginsParallel (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:229:14)
at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:463:8)
at Compiler.applyPluginsAsyncSeries (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:131:46)
at Compiler.compile (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:456:7)
at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:219:10)
at Compiler.readRecords (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:367:10)
at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:216:9)
at next (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:138:11)
at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/CachePlugin.js:34:58)
at Compiler.applyPluginsAsyncSeries (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:142:13)
at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:213:8)
at next (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:138:11)
at Compiler.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/node/NodeEnvironmentPlugin.js:23:3)
at Compiler.applyPluginsAsyncSeries (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/node_modules/tapable/lib/Tapable.js:142:13)
at Compiler.run (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/lib/Compiler.js:210:7)
at processOptions (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/bin/webpack.js:335:12)
at Object.<anonymous> (/home/ThomazPom/Desktop/angular2-electron/node_modules/webpack/bin/webpack.js:339:1)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
npm ERR! Linux 3.13.0-92-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "run" "build:dev"
npm ERR! node v7.4.0
npm ERR! npm v4.0.5
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build:dev: `webpack --progress --profile`
npm ERR! Exit status 1
make sure codelizer is used and follows the styleguide
I run "npm install" and than "npm run build", but I receive error from webpack task.
Thank you,
I appreciate your help.
webpack --progress --profile
0% compiling/Users/mverdecchia/Documents/angular2/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:37
if(externals === dependency.request) {
^
TypeError: Cannot read property 'request' of undefined
at handleExternals (/Users/mverdecchia/Documents/angular2/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:37:33)
at next (/Users/mverdecchia/Documents/angular2/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:46:8)
at handleExternals (/Users/mverdecchia/Documents/angular2/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:59:7)
at ExternalModuleFactoryPlugin. (/Users/mverdecchia/Documents/angular2/angular2-electron/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:79:5)
at /usr/local/lib/node_modules/webpack/lib/NormalModuleFactory.js:207:3
at NormalModuleFactory.applyPluginsAsyncWaterfall (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:196:70)
at NormalModuleFactory.create (/usr/local/lib/node_modules/webpack/lib/NormalModuleFactory.js:191:8)
at Compilation.process [as _addModuleChain] (/usr/local/lib/node_modules/webpack/lib/Compilation.js:359:16)
at Compilation.process [as addEntry] (/usr/local/lib/node_modules/webpack/lib/Compilation.js:435:7)
at SingleEntryPlugin. (/usr/local/lib/node_modules/webpack/lib/SingleEntryPlugin.js:22:15)
at Compiler.applyPluginsParallel (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:229:14)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/Compiler.js:463:8)
at Compiler.applyPluginsAsyncSeries (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:131:46)
at Compiler.compile (/usr/local/lib/node_modules/webpack/lib/Compiler.js:456:7)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/Compiler.js:219:10)
at Compiler.readRecords (/usr/local/lib/node_modules/webpack/lib/Compiler.js:367:10)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/Compiler.js:216:9)
at next (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:138:11)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/CachePlugin.js:34:58)
at Compiler.applyPluginsAsyncSeries (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:142:13)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/Compiler.js:213:8)
at next (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:138:11)
at Compiler. (/usr/local/lib/node_modules/webpack/lib/node/NodeEnvironmentPlugin.js:23:3)
at Compiler.applyPluginsAsyncSeries (/usr/local/lib/node_modules/webpack/node_modules/tapable/lib/Tapable.js:142:13)
at Compiler.run (/usr/local/lib/node_modules/webpack/lib/Compiler.js:210:7)
at processOptions (/usr/local/lib/node_modules/webpack/bin/webpack.js:335:12)
at Object. (/usr/local/lib/node_modules/webpack/bin/webpack.js:339:1)
at Module._compile (module.js:571:32)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:488:32)
Had this issue on windows when running npm run build
Checked this:
angular/components#2277
So I've changed:
@import '~@angular/material/core/theming/all-theme';
to:
@import '~@angular/material/theming';
and it's working now. It looks like they have changed this lately (about 12 days ago)
Hey man hope you're doing well.
Want to know if maybe you can create something that would basically be a clean project with Angular 2 and material2 without oauth etc. Just the bare basics with maybe a started page just saying hello world and then having it do the same compiling and structuring like it is currently doing?
Running npm run electron
works well but packaging and launching gave this error:
I get this error on window and mac (not tried Linux).
A JavaScript error occurred in the main process
Uncaught Exception:
Error: Cannot find module
'C:\Users\Leonardo\Desktop\ang2ele\angular-electron\release\darwin-all\app-win...\main.js'
at Module._resolveFilename (modulejs:470:15)
at Function.Module._resolveFilename
(C:\Users\Leonardo\Desktop\ang2ele\angular-electron\release\darwin-all\app-win32-x6...:12)
at Function.Module._load (modulejs:418:25)
at Object.
(C:\Users\Leonardo\Desktop\ang2ele\angular-electron\ release\ darwin-all\ app-win32-x64...:8)
at Object.
(C:\Users\Leonardo\Desktop\ang2ele\angular-electron\ release\ darwin-all\ app-win32-x64...:3)
at Module._compile (modulejs:571:32)
at Object.Modul._ectensions.js (modulejs:580:10)
at Module.load (modulejs:482432) at tryModuleLoad (modulejs:447:12)
at Function.Module._load (modulejs:439:3)
Integration with angular2 material doesn't seem to work, npm run build gives an error
webpack --progress --profile
0% compiling/home/hp/Documents/Electron/Template/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:37
if(externals === dependency.request) {
^
TypeError: Cannot read property 'request' of undefined
at handleExternals (/home/hp/Documents/Electron/Template/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:37:33)
at next (/home/hp/Documents/Electron/Template/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:46:8)
at handleExternals (/home/hp/Documents/Electron/Template/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:59:7)
at ExternalModuleFactoryPlugin. (/home/hp/Documents/Electron/Template/node_modules/webpack-target-electron-renderer/node_modules/webpack/lib/ExternalModuleFactoryPlugin.js:79:5)
at /home/hp/Documents/Electron/Template/node_modules/webpack/lib/NormalModuleFactory.js:177:3
at NormalModuleFactory.applyPluginsAsyncWaterfall (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:123:70)
at NormalModuleFactory.create (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/NormalModuleFactory.js:161:8)
at Compilation.process as _addModuleChain
at Compilation.process as addEntry
at SingleEntryPlugin. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/SingleEntryPlugin.js:22:15)
at Compiler.applyPluginsParallel (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:156:14)
at Compiler.compile (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:431:7)
at Compiler. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:191:10)
at Compiler.readRecords (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:339:10)
at Compiler. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:188:9)
at next (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:81:11)
at Compiler. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/CachePlugin.js:34:58)
at Compiler.applyPluginsAsync (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:85:13)
at Compiler. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:185:8)
at next (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:81:11)
at Compiler. (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/node/NodeEnvironmentPlugin.js:23:3)
at Compiler.applyPluginsAsync (/home/hp/Documents/Electron/Template/node_modules/webpack/node_modules/tapable/lib/Tapable.js:85:13)
at Compiler.run (/home/hp/Documents/Electron/Template/node_modules/webpack/lib/Compiler.js:182:7)
at processOptions (/home/hp/Documents/Electron/Template/node_modules/webpack/bin/webpack.js:312:12)
at Object. (/home/hp/Documents/Electron/Template/node_modules/webpack/bin/webpack.js:316:1)
at Module._compile (module.js:425:26)
at Object.Module._extensions..js (module.js:432:10)
at Module.load (module.js:356:32)
at Function.Module._load (module.js:313:12)
at Function.Module.runMain (module.js:457:10)
npm ERR! Linux 4.4.0-38-generic
npm ERR! argv "/home/hp/.nvm/versions/node/v5.1.0/bin/node" "/home/hp/.nvm/versions/node/v5.1.0/bin/npm" "run" "build:dev"
npm ERR! node v5.1.0
npm ERR! npm v3.3.12
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build:dev: webpack --progress --profile
npm ERR! Exit status 1
npm ERR!
I found angular/angular-cli#1253 , angular/angular-cli#3700 , but do not works in angular-electron, how can I use common scss in angular-electron ?
angular-electron/src/app/app.ts
Line 28 in 01988b7
Should be replaced with:
import { MatButtonModule, MatSlideToggleModule } from '@angular/material';
Error on run build:
ERROR in ./src/app/services/authentication.ts
Module not found: Error: Can't resolve './../config.json' in '/Users/martinmajewski/Documents/Development/ElectronApps/Angular2El
ectron/src/app/services'
@ ./src/app/services/authentication.ts 32:14-41
@ ./src/app/app.ts
ERROR in ./src/app/services/authentication.ts
Module not found: Error: Can't resolve './../config.json' in 'C:\Users\FAMBO\Desktop\angular-electron-master\angular-electron-master\src\app\services'
@ ./src/app/services/authentication.ts 33:14-41
@ ./src/app/app.ts
Got this Error while Running the npm run watch command.
Uncaught Error: Unexpected directive 'MdSlideToggle' imported by the module 'AppModule'. Please add a @NgModule annotation.
Is there Anyway to use firebase storage ?
It's working Perfectly fine with angular-cli,
Using the following code ,
Import *as firebase from 'firebase'
const storage = firebase.strorage().ref()
Above Code Working FIne In webversion
But At node electron getting the following error
firebase.storeage is not a function !
Or Is there any good storage service can you recommend ?
Hi,
I have cloned the repo, npm install worked well, but I am getting below errors on npm run build, please advise.
WARNING in ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
69:15 Critical dependency: the request of a dependency is an expression
WARNING in ./~/@angular/core/src/linker/system_js_ng_module_factory_loader.js
85:15 Critical dependency: the request of a dependency is an expression
ERROR in [default] C:\Users\afriedman\Dev\Javascript\angular2-electron\node_modules@types\webpack\index.d.ts:6:0
Cannot find type definition file for 'uglify-js'.
ERROR in [default] C:\Users\afriedman\Dev\Javascript\angular2-electron\node_modules@types\webpack\index.d.ts:7:0
Cannot find type definition file for 'tapable'.
ERROR in [default] C:\Users\afriedman\Dev\Javascript\angular2-electron\node_modules@types\webpack\index.d.ts:9:26
Cannot find module 'uglify-js'.
ERROR in [default] C:\Users\afriedman\Dev\Javascript\angular2-electron\node_modules@types\webpack\index.d.ts:10:25
Cannot find module 'tapable'.
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run
" "build:dev"
npm ERR! node v6.9.3
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build:dev: webpack --progress --profile
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build:dev script 'webpack --progress --profile'.
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 angular2-electron package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack --progress --profile
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular2-electron
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular2-electron
npm ERR! There is likely additional logging output above.
When i run "npm run webpack-test" it return
Error: 'output.filename' is required, either in config file or as --output-filename
at processOptions (/home/hoangnguyenl/ResearchIT/Electron/angular-electron/node_modules/webpack/bin/convert-argv.js:492:11)
at processConfiguredOptions (/home/hoangnguyenl/ResearchIT/Electron/angular-electron/node_modules/webpack/bin/convert-argv.js:141:4)
at module.exports (/home/hoangnguyenl/ResearchIT/Electron/angular-electron/node_modules/webpack/bin/convert-argv.js:117:10)
at Object.<anonymous> (/home/hoangnguyenl/ResearchIT/Electron/angular-electron/node_modules/webpack/bin/webpack.js:153:40)
at Module._compile (module.js:569:30)
at Object.Module._extensions..js (module.js:580:10)
at Module.load (module.js:503:32)
at tryModuleLoad (module.js:466:12)
at Function.Module._load (module.js:458:3)
at Function.Module.runMain (module.js:605:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! angular2-electron@0.0.0 webpack-test: `webpack --config webpack.test.js --progress --profile`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the angular2-electron@0.0.0 webpack-test script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /home/hoangnguyenl/.npm/_logs/2017-09-08T02_14_38_890Z-debug.log
What should I do to configure webpack.test.js file correctly?
Hi, I've set up my own custom theme in the global .scss file (app.theme.scss) but when the app goes the the login page, it's not picking up the theme. I have to manually place the theme content inside the login.component.scss file.
There is an issue, which is already closed, but not considered in your example:
angular/angular#12432
How to use it with "electron-packager" or "electron-forge"?
I'm pretty new to the world of web development and desktop applications, but decided to get to know more about it. I find projects like this invaluable since they give me the boiler plate to start discovering this new technology.
My only problem is that I cannot build.
Node: v7.2.1
npm: 4.0.3
Error:
> webpack --progress --profile
0% compilingD:\Desktop\angular2-electron-master\node_modules\webpack-target-electron-renderer\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:37
if(externals === dependency.request) {
^
TypeError: Cannot read property 'request' of undefined
at handleExternals (D:\Desktop\angular2-electron-master\node_modules\webpack-target-electron-renderer\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:37:33)
at next (D:\Desktop\angular2-electron-master\node_modules\webpack-target-electron-renderer\node_modules\webpack\lib\ExternalModuleFactoryPlugin.js:46:8)
...
Do you have any idea what the problem might be?
Hello,
I would like to packaging the project for windows but when i add the --all options,
I have only a packaging for OSX with this following line :
Packaging app for platform darwin x64 using electron v1.4.15
null
Please could you tell me how to create a package for windows?
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.