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:997

Debo confesar que estoy bastante atascado y confundido con estos problemas. Agradeceria algo de ayuda

Muchas gracias