Pasé por un problema muy extraño. Tengo un proyecto vue creado con vue ui. Estoy editando mi código en Visual Studio.
quiero hacer un prototipo y trabajar con datos falsos antes de conectar mi API. Así que tuve la idea de crear un archivo json en mi carpeta de activos para alojar mis datos de simulación e importarlos para que funcionen en la interfaz de usuario.
pero cuando creo un archivo Json en mi carpeta de activos, y vue ui vuelve a renderizar el proyecto, tengo el siguiente error.
app.js:1178 Uncaught Error: Cannot find module './assets/moockupdata.json' at webpackMissingModule (app.js:1178:45) at Object../src/assets/moockupdata.json (app.js:1178:145) at __webpack_require__ (app.js:854:30) at fn (app.js:151:20) at webpackContext (eval at ./src sync recursive [A-Za-z0-9-_,\s]+\.json$/ (app.js:1087:1), <anonymous>:11:9) at eval (i18n.js?9225:13:1) at Array.forEach (<anonymous>) at loadLocaleMessages (i18n.js?9225:9:1) at eval (i18n.js?9225:22:1) at Module../src/i18n.js (app.js:1191:1) webpackMissingModule @ app.js:1178 ./src/assets/moockupdata.json @ app.js:1178 __webpack_require__ @ app.js:854 fn @ app.js:151 webpackContext @ ?400a:11 eval @ i18n.js?9225:13 loadLocaleMessages @ i18n.js?9225:9 eval @ i18n.js?9225:22 ./src/i18n.js @ app.js:1191 __webpack_require__ @ app.js:854 fn @ app.js:151 eval @ main.js:16 ./src/main.js @ app.js:1225 __webpack_require__ @ app.js:854 fn @ app.js:151 1 @ app.js:1345 __webpack_require__ @ app.js:854 checkDeferredModules @ app.js:46 (anonymous) @ app.js:994 (anonymous) @ app.js:997Debo confesar que estoy bastante atascado y confundido con estos problemas. Agradeceria algo de ayuda
Muchas gracias
Finalmente encuentro un cambio. En lugar de volverse terco e intentar a toda costa crear un archivo JSON.
Fui por un archivo "mydata.js"
con la estructura interna
const data = { Mykey1: 'Myvalue1', HasKey1: true, otherdata: 'yes' } export default datae importarlo desde mi archivo Vue con
<script> import AwsConfig from '@/config/mydata.js.js' export default { ...