Difficulty in installing web clipper locally (Chrome)

OS - Windows 10
Browser- Google Chrome

I have followed all the steps for building web clipper locally for development.

Now I want to install the DEV version in my Chrome browser and here are the steps I took:

  • Navigate to `chrome://extensions
  • Expand the Developer dropdown menu and click “Load Unpacked Extension”
  • Navigate to the local folder containing the extension’s code and click Ok

But these steps don’t install the extension as expected. Instead I get a main.js file missing error

I’ve read the google docs and gone to several forums and the steps I took above seems to be the same step they recommended.

The Clipper directory seems to hold different folders so I wonder which of these holds the actual extension code

Please any help rendered will be highly appreciated. Thanks

The way the clipper is built has recently changed, so please try again to build it.

I get a main.js file missing error

We need the full error message and/or screenshot.

I am aware that the clipper build instructions have changed and that was exactly what i use which is:

cd Clipper/popup
npm install
npm run watch 

After doing this, i tried to test the Clipper extension in my Chrome browser by following these steps:

  • Navigate to `chrome://extensions
  • Expand the Developer dropdown menu and click “Load Unpacked Extension”
  • Navigate to the local folder containing the extension’s code and click Ok

but i got this error message

Failed to load extension
File
~\Desktop\joplin-folder\joplin\Clipper
Error
Could not load javascript 'main.js' for content script.
Could not load manifest.

Please am i missing something? @laurent

@Runo-saduwa
You get that error because Chrome expects a manifest.json file at the root of your directory, but there was none, since you select the joplin folder.
In order to load the extension in developer mode, you need to select the app-clipper directory located inside joplin/packages.