Según MDN , import() es un método dinámico similar a una función. Sin embargo, no lo encontré dinámico en mi proyecto ts.
Digamos que tengo un appleShare.json:
{ price: 123 }Y luego, hay un index.ts:
console.log("update the price to 456...") // manually modify the json file content making price 456 let currentPrice = await import("./appleShare.json").then(obj=obj.price) console.log(currentPrice) index.ts directamente en vs-code , el resultado en la consola:
update the price to 456... 123Espero 456, pero obtuve 123 . Desde mi limitado conocimiento, supongo que hay dos posibles razones:
import() y la importación dinámica.vs-code compiló todo el código en js antes de ejecutarlo. Por lo tanto, nunca obtendré el precio recién modificado.Quiero preguntar, ¿cuál es exactamente la causa del problema y cómo resolverlo?
La import() tiene los siguientes comportamientos diferentes de la import normal, que a menudo se denomina importación "estática".
import regular. Los nombres de archivo para la import regular deben especificarse estáticamente para que cualquiera que analice el archivo, pero no ejecute el código en él, los conozca. Esta declaración estática permite el análisis de código para cosas como la sacudida de árboles y la agrupación. La importación dinámica no se puede utilizar con tanta eficacia con características como esa.import() puede ocurrir en cualquier parte de su código (no solo en la parte superior de su módulo). La import regular no puede estar en cualquier parte de su código. En este sentido, se carga "dinámicamente" bajo demanda, no solo al inicio del módulo.import() para cargar un módulo ESM en un módulo CommonJS. La declaración de import regular no se puede usar en un módulo CommonJS en absoluto. Los módulos, incluso los cargados dinámicamente, se almacenan en caché. Una vez que se cargan, las declaraciones de import() posteriores que usan el mismo nombre de archivo simplemente cargan el módulo desde el caché, no vuelven a leer el archivo. Es por eso que su import() no está recogiendo el JSON modificado.
Si desea volver a leer el archivo, no use la import ; use algo como fs.promises.readFile() y luego analice el JSON. Esto leerá una copia nueva de los datos cada vez que lo llame.