How to create google extensions from the ionic 2 web APP

I am struggling to create a chrome extension from my IONIC 2 APP.

What I did :

  1. I ran ionic build browser which built the browser package

imageScreen Shot 2017-02-12 at 17.00.29

  1. I changed manifest.json file : as below
    {
    “name”: “testAPP”,
    “short_name”: “testAPP”,
    “manifest_version”: 2,
    “version”: “0.1”,
    “app”: {
    “launch”: {
    “local_path”: “index.html”
    }
    },
    “icons”: { “32”: “assets/icon/logo-32.png”, “48”: “assets/icon/logo-48.png”, “64”: “assets/icon/logo-64.png”, “128”: “assets/icon/logo-128.png” }

}

  1. loaded the www folder as unpacked extension for trying this out, but it failed at many places.

Can someone please assist where I am doing wrong or if any steps I am missing.

Define this please. What doesn’t work? What does work?

Here is a recent blog post on what to do to make this work:
http://thebrockellis.com/2017/02/10/Ionic-PWA-as-Chrome-Extension

I was getting error related to the all javascripts like bootstrap etc are not getting load when used as URL. But thank you very much for your URL, I will check it out…

@Sujan12, I tried with the steps mentioned in the URL above but still I do not see my extension working., I replied on above URL with the details of my issue can you please assist on what i am missing.

Also, I downloaded all the CDN’s which were giving me error when I was trying to attach the extension, but still its not working.

On console I am getting error when I directly load my index.html [not from extension but from www folder ] is :

index.html:1 Access to Script at ‘file:///Users/chitrang/Documents/www/jquery-3.1.1.min.js’ from origin ‘null’ has been blocked by CORS policy: Invalid response. Origin ‘null’ is therefore not allowed access.
index.html:1 Access to Script at ‘file:///Users/chitrang/Documents/www/bootstrap.min.js’ from origin ‘null’ has been blocked by CORS policy: Invalid response. Origin ‘null’ is therefore not allowed access.
index.html:1 Access to CSS stylesheet at ‘file:///Users/chitrang/Documents/www/css/bootstrap.min.css’ from origin ‘null’ has been blocked by CORS policy: Invalid response. Origin ‘null’ is therefore not allowed access.
index.html:1 Access to CSS stylesheet at ‘file:///Users/chitrang/Documents/www/css/bootstrap-theme.min.css’ from origin ‘null’ has been blocked by CORS policy: Invalid response. Origin ‘null’ is therefore not allowed access.

My extension is disabled in chrome window, [extension window is opened in developer mode.

imageScreen Shot 2017-02-12 at 23.17.03]

This is working now thank you again!

More details of the changes in case it helps someone else:

http://thebrockellis.com/2017/02/10/Ionic-PWA-as-Chrome-Extension