Tengo el siguiente JS en una página web.

 <script async type="module"> import {projectCode} from "./assets/js/config.js"; import {getProject} from "./assets/js/saleproject.js"; import {getAccount} from "./assets/js/account.js"; import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.esm.browser.js' let projectData = await getProject(projectCode); ... </script>

Luego, los datos se almacenan en Vue.js para representar una página. Para mayor contexto, lo anterior hace referencia al siguiente código en un archivo separado:

 import { server } from './config.js'; export async function getProject(projectCode) { const response = await fetch(server + '/saleproject/GetByCode/' + projectCode); const projectData = await response.json(); return projectData; }

Todo funciona bien, excepto en iPhones, donde recibo el siguiente error que rompe mi código e impide que Vue.js represente la página:

 SyntaxError: Unexpected identifier 'getProject'. Expected ';' after variable declaration.

Intenté envolverlo en una función asíncrona como esta, pero aún no tuve suerte:

 (async function () { let projectData = await getProject(projectCode); }())

Lo que devuelve un error relacionado con Vue.js:

 Error in data(): "ReferenceError: projectData is not defined"

No estoy seguro de qué se debe cambiar para que esto funcione correctamente en iPhones (funciona bien en Safari de escritorio)