【问题标题】:Export json in javascript function to be imported in another javascrtipt function在 javascript 函数中导出 json 以在另一个 javascript 函数中导入
【发布时间】:2023-03-25 01:15:01
【问题描述】:

我需要读取一个 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)

【问题讨论】:

    标签: javascript json laravel-blade javascript-import


    【解决方案1】:

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

    export default function route()
    

    选项 2:

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

    【讨论】:

    • 在 pltbl.js 中:import {route} from '../router.js'; 和在 router.js 中:import * as routes from './routes.json'; 谢谢(Y)
    猜你喜欢
    • 2022-08-22
    • 2019-03-06
    • 2019-03-01
    • 2021-03-18
    • 2018-06-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-08-19
    相关资源
    最近更新 更多