Javascript 为vue路由器创建独立路由，以返回与其他项目JS文件无关的

我正在创建一个SaaS服务（如在线聊天、小部件、分析等）。我需要有一些方法返回JS文件，用户将添加到自己的网站

所以我想添加一些新的路由（比如site.com/userBundle），它应该返回独立的结果文件，由webpack编译，例如：

// The webpack compiled result of code like:

import otherJsFile from 'path to it'

document.addEventListener('DOMContentLoaded', function () {
  // add needed code to user website
  otherJsFile.use()
}, false)

第一个想法是将此JS文件作为组件添加：

import userBundle from '@/userBundle/main.js'

const routes = [
  {
    path: 'userBundle',
    component: () => userBundle
  },

但它不起作用-我的Vue应用程序的整体设计在控制台中出现了一个错误：

.*\.json$ namespace object?01b6:14 Uncaught (in promise) Error: Cannot find module './userBundle.json'
    at eval (eval at ./src/locales lazy recursive ^\.\/.*\.json$ (app.js:1347), <anonymous>:14:12)

*\.json$namespace对象？01b6:14未捕获（承诺中）错误：找不到模块'./userBundle.json'
在eval（eval at./src/locales ^\.\/.*\.json$（app.js:1347），：14:12）

解决这个问题的最佳（或至少有效）方法是什么