2

我需要读取一个 json 文件并使其在整个应用程序中可用。我的方法是(从这个资源中提取):

资产/js/routes.json

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

资产/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('/');
    }
}

资产/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)
4

1 回答 1

1

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

export default function route()

选项 2:

import {route} from '../router.js';
于 2018-10-21T05:09:27.953 回答