[Q/A] How to import other files on chrome.scripting.executeScript.func

[xmsz]

code:

import a from "./a"

export {}

chrome.scripting.executeScript({
    target: {
      tabId: xxx
    },
    world: "MAIN",
    func: () => {
      console.log(a)
    }
   })

show error

VM2566:13 Uncaught ReferenceError: _a is not defined
    at <anonymous>:13:21
    at <anonymous>:14:3

I found not only i can't import other file, i can't reference vars..

const a = '1'
chrome.scripting.executeScript({
    target: {
      tabId: xxx
    },
    world: "MAIN",
    func: () => {
      console.log(a)
    }
   })

I think it a chrome's behaviour...

---

And i try to add chrome.scripting.executeScript.args
But, args can't pass function or others

[louisgv]

Yeah this is due to the import context - the module are not eval'ed. You can try import the source file as text data instead:

data-text:./a

Also see this example: https://github.com/PlasmoHQ/examples/tree/main/with-main-world-content-script-injection <- we will expand it a bit more down the line.

[xmsz]

got it

[louisgv]

Ref: #316