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)
Su intento de solución es correcto, el único problema es que let está dentro del alcance de IIFE.
Vuelva a escribir su código de la siguiente manera:
getProject(projectCode).then(projectData => { // All code goes here });El problema original se debe a la falta de soporte de espera de nivel superior.