Question

我目前正在构建laravel应用程序，并且试图尽可能简洁地构建我的app.js文件（使用npm run watch构建）。

目前我有2个文件，我requiring就是这样

if($('main').is('#user')){
    if($('main').is('.create-user')){
        require('./pages/user/imageUploads');
    }
    require('./pages/user/main');
}

现在，在我的main.js文件中，我正在运行一个ajax请求，该请求完成后将调用放置在imageUploads内的dropzone对象函数，但它不断告诉我它不存在。

main.js

$.ajax({
    type: "POST",
    url: '/users',
    data: postData,
    success: function(data){
        //Process user images
        userImages.processQueue(); //Call the dropzone process queue function
    },
    error: function(data){
       //Die silently for now
    }
});

imageUploads.js

var userImages = new Dropzone('#user-images #user_images',{
    url: '/ajax/users/uploadUserImages',
    autoProcessQueue:false,
    addRemoveLinks:true,
    paramName: 'user_image', // The name that will be used to transfer the file
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
});

但是似乎看不到userImages dropzone对象。我以为我需要以指定的顺序在1个文件中构建它，因此我无法理解为什么它看不到它？！

使用require访问另一个文件变量

0 个答案: