Thursday, 2 February 2017
Saturday, 28 January 2017
[Fixed] Angular 2, ng serve Error: no errors
So guys i created an app using angular-cli and it was giving error like shown in the pic below.
This problem is due to the latest version extract-text-webpack-plugin and to solve this problem just run the command shown in the picture below.
And this will surely solve your problem.
This problem is due to the latest version extract-text-webpack-plugin and to solve this problem just run the command shown in the picture below.
npm install extract-text-webpack-plugin@2.0.0-rc.0 --save-dev
And this will surely solve your problem.
Monday, 23 January 2017
Node version manager in macOS Sierra
It's pretty simple to install node version manager(NVM) in macOS Sierra just run these commands one by one in your iTerm2
After this type nvm into your iTerm2 as shown in the picture below.
and voila thats how you can install nvm in macOS Sierra :D
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
1 2 | export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" |
After this type nvm into your iTerm2 as shown in the picture below.
and voila thats how you can install nvm in macOS Sierra :D
Friday, 23 December 2016
webpack: difference between style-loader and css-loader
i was doing webpack and wanted to add a css file to a page and so i went through the webpack way and wanted to implement this feature via webpack loader. There are basically two webpack loader both are used to together to accomplish this task
Here i used the 'style-loader!css-loader' (! represents pipe here) on line 19. The css-loader takes a css file and returns the css with imports and url(...) resolved & style-loader takes that css from css-loader ( reason they are linked via a pipe which is represented via ! on line number 19 ) and inserts it into the page so that styles are active on the page.
- First is style-loader
- Second is css-loader
This is my webpack.config.js file contents
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | module.exports = { entry: './src/main.js', output: { path: 'build', filename: 'bundle.js' }, module: { loaders: [ { test: /\.js$/, exclude: /(node_modules)/, loader: 'babel', query: { presets: ['es2015', 'react'] } }, { test: /\.css$/, loader: 'style-loader!css-loader' } ] } }; |
Here i used the 'style-loader!css-loader' (! represents pipe here) on line 19. The css-loader takes a css file and returns the css with imports and url(...) resolved & style-loader takes that css from css-loader ( reason they are linked via a pipe which is represented via ! on line number 19 ) and inserts it into the page so that styles are active on the page.
Monday, 19 December 2016
Installing CouchDB in Ubuntu 16.04
CouchDB is one of the main NoSQL databases out there. Installing couchdb in ubuntu is fairly easy. Just run these following commands or follow the video inside this post.
sudo add-apt-repository ppa:couchdb/stable sudo apt-get update sudo apt-get install couchdb
Sunday, 18 December 2016
Installing brightness indicator in status bar of ubuntu 16.04
Hey guys just follow this youtube video you just have to run these three commands explained in the video to install a brightness indicator in you operating system.
sudo add-apt-repository ppa:indicator-brightness/ppa sudo apt-get update sudo apt-get install indicator-brightness
Friday, 16 December 2016
Ubuntu, Update, Upgrade, Dist-Upgrade
Hey guys i just made a video on updating, upgrading and dist-upgrading ubuntu operating system in the following video.
sudo apt-get update sudo apt-get upgrade sudo apt-get dist-upgrade
Subscribe to:
Posts (Atom)


