javascript - 在 javascript 函数中导出 json 以在另一个 javascript 函数中导入

Question

我需要读取一个 json 文件并使其在整个应用程序中可用。我的方法是(摘自此 resource ):

assets/js/routes.json:

{
    "task.create": "deliveryorders\/{deliveryOrder}\/tasks\/create",
}

assets/js/router.js:

import * as routes from './routes.json';

export function route() {
    var args = Array.prototype.slice.call(arguments);
    var name = args.shift();

    if (routes[name] === undefined) {
        console.error('Unknown route ', name);
    } else {
        return baseUrl + '/' + routes[name]
            .split('/')
            .map(s => s[0] == '{' ? args.shift() : s)
            .join('/');
    }
}

assets/js/base/pltbl.js:

import '../router.js';

window.tblLoadContent = function tblLoadContent(argModel) {
    url_ = route(argModel.name + ".index", [argModel.parent_id]);
    $("#tbl" + _titleCase(argModel.name) + "_body").load(url_, function(responseTxt, statusTxt, xhr) {
        if (statusTxt == "success") {
            refreshMenu(argModel);
        }
    });
}

在app.blade.php中调用:

$(document).ready(function(){
    tblLoadContent("{'name':'package', 'parent_id': '1'}");
});

但是当 app.blade.php 被渲染时，在控制台中弹出以下错误:

Uncaught ReferenceError: route is not defined
  at tblLoadContent (pltbl.js:141)
  at HTMLDocument.<anonymous> (edit:473)
  at l (jquery-3.3.1.min.js:2)
  at c (jquery-3.3.1.min.js:2)

Answer 1

我认为您需要或创建默认导出或使用大括号导入路由。选项 1:

export default function route()

选项 2:

import {route} from '../router.js';