When my plugin opens a local html page, it can't find the js file in the same directory as the page? about vite-vue3-chrome-extension-v3 HOT 7 CLOSED

mubaidr commented on June 20, 2024

When my plugin opens a local html page, it can't find the js file in the same directory as the page?

from vite-vue3-chrome-extension-v3.

Comments (7)

mubaidr commented on June 20, 2024

Opening local html page means install/ update page?
Can you please share a reproduceable repo. I will be able to help quickly. Thanks

from vite-vue3-chrome-extension-v3.

14790897 commented on June 20, 2024

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';">

  <title>Word Cloud</title>
</head>
<body>
  <div id="app"></div>
  <script src="script.js"></script>
</body>
</html>

from vite-vue3-chrome-extension-v3.

14790897 commented on June 20, 2024

It can't find script.js in the same directory.

from vite-vue3-chrome-extension-v3.

14790897 commented on June 20, 2024

 const url = chrome.runtime.getURL('src/components/wordcloud.html');
  console.log('URL:', url); 
  chrome.tabs.create({ url: url }, (tab) => {
    if (chrome.runtime.lastError) {
      console.error(chrome.runtime.lastError);  
    } else {
      console.log('Tab created:', tab);  
    }
  });

from vite-vue3-chrome-extension-v3.

mubaidr commented on June 20, 2024

You should try using relative path for script, i.e. ./script.js

from vite-vue3-chrome-extension-v3.

14790897 commented on June 20, 2024

I was wrong before, the error is not about not finding the file but about the following error

from vite-vue3-chrome-extension-v3.

mubaidr commented on June 20, 2024

You are trying to use import statements inside static html page and scripts, which are not supported. Either add bundler (vite) processing for install and upgrade page or use simple scripts.

from vite-vue3-chrome-extension-v3.

Recommend Projects