Attempting to develop my first chrome extension by following this helpful guide - https://developer.chrome.com/docs/extensions/mv3/getstarted/
Encountering an issue where upon clicking the extension icon in my toolbar, instead of seeing the button as intended, I am presented with the HTML code.
This is a snapshot of my extension directory: view directory image
Showcased below is the content of popup.html:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href=“button.css">
</head>
<body>
<button id="changeColor"></button>
<script src="popup.js"></script>
</body>
</html>
Furthermore, presenting the stylesheet used for the button referenced above:
button {
height: 30px;
width: 30px;
outline: none;
margin: 10px;
border: none;
border-radius: 2px;
}
button.current {
box-shadow: 0 0 0 2px white,
0 0 0 4px black;
}
In need of assistance to rectify the display issue and have the correct button shown instead of the HTML script.