为什么我的 settimeout 没有在导入的模块中触发？

Question

I have a Vue component which imports a module as so:

import { sendMsg } from './assets/modules/messages'

sendMsg looks like this (simplified for brevity). There's a setTimeout() to add in an artificial (human-like) delay so that the system doesn't reply instantaneously.

export const sendMsg = async msg => {
    console.log(1); //happens
    await new Promise(res => setTimeout(res, 1000));
    console.log(2); //doesn't happen
}

...but nothing after the timeout fires, because the timeout doesn't resolve.

If I move all the code into the component directly, rather than calling it in from a module, it works fine. I've searched for "javascript interval not firing inside module" but not found anything. What am I missing?

---

Update: This happens only when called by App.vue . If I import/call the function from a child component, it works fine...

Answer 1

I think you have not read documentation about javascript. It's asynchronous and it will not wait for the event and continue the process.