I have a simple popup UI for the extension.
and I have dependencies on .js and .css files for the popup, which is on the
but the dependent .js and .css are not being loaded and getting error ERR_FILE_NOT_FOUND
folder structure looks like this,
├── UI/
│ │── index.html
│ └── assets/
│ │── index-BhY9RnXB.js
│ └── index-BwBY5YHV.css
│── manifest.json
│
└── main.js
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Ui</title>
<base href="/" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<script type="module" crossorigin src="./index-BhY9RnXB.js"></script>
<link rel="stylesheet" crossorigin href="./index-BwBY5YHV.css">
</head>
<body>
<div id="root"></div>
</body>
</html>
manifest.json
{
"manifest_version": 3,
"name": "new extension",
"version": "1.1.0",
"description": "new extension",
"background": {
"service_worker": "main.js"
},
"permissions": [
"tabGroups",
"storage"
],
"author": "[email protected]",
"action": {
"default_icon": {
"16": "assets/images/icon.png",
"24": "assets/images/icon.png",
"32": "assets/images/icon.png"
},
"default_title": "Click Me",
"default_popup": "UI/index.html"
}
}
What is missing here ?