Code Monkey home page Code Monkey logo

vuetify-file-browser's Issues

Blank when using webpack generated vuetify-file-browser.js and css

I use webpack to generate vuetify-file-browser.js and vuetify-file-browser.css
When I use them in my html, the browser shows blank :

My HTML :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Some</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/vuetify-file-browser.css">
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
    <script src="js/vue.browser.js"></script>
    <script src="js/vuetify-file-browser.js"></script>
</head>
<body class="layout">
<div class="wrapper d-flex align-items-stretch">
    <div id="content" class="p-2 p-md-5">
        <div class="container" id="app">
            <template>
                <file-browser :axiosConfig="{baseURL: 'http://localhost:8081'}" />
            </template>
        </div>
    </div>
</div>
<script type="module">
import FileBrowser from "vuetify-file-browser";

export default {
    components: {
        FileBrowser
    }
};
</script>
</body>
</html>

I understand the framework is build to fit nodejs.
However, I am not familiar with nodejs and using python for the backend server
Would you provide a way to use them in html?

Error while loading this package

Hi,

I have vuetify 2.3.10 and vuetify-file-browser 1.0.2.

When I am trying to use this package in a vue component this package is not loading properly and throwing these errors in the browser console.

TypeError: this.items.filter is not a function
    at VueComponent.dirs (app.js:50538)
    at Watcher.get (app.js:199624)
    at Watcher.evaluate (app.js:199739)
    at VueComponent.computedGetter [as dirs] (app.js:199987)
    at Object.get (app.js:197296)
    at Proxy.render (app.js:125673)
    at VueComponent.Vue._render (app.js:198688)
    at VueComponent.updateComponent (app.js:199213)
    at Watcher.get (app.js:199624)
    at Watcher.run (app.js:199710)

and

[Vue warn]: Error in render: "TypeError: this.items.filter is not a function"

found in

---> <List> at node_modules/vuetify-file-browser/src/List.vue
       <VCard>
         <FileBrowser> at node_modules/vuetify-file-browser/src/FileBrowser.vue
           <MdTableRow> at src/components/MdTable/MdTableRow.vue
             <MdContent> at src/components/MdContent/MdContent.vue... (1 recursive calls)
               <MdTable> at src/components/MdTable/MdTable.vue
                 <MdCardContent> at src/components/MdCard/MdCardContent/MdCardContent.vue
                   <MdCard> at src/components/MdCard/MdCard.vue
                     <Documents> at resources/js/pages/dashboard/Documents.vue
                       <DashboardLayout> at resources/js/pages/dashboard/Index.vue
                         <App> at resources/js/App.vue

and

app.js:51072 Uncaught (in promise) TypeError: response.data.map is not a function
    at VueComponent._callee$ (app.js:51072)
    at tryCatch (app.js:83349)
    at Generator.invoke [as _invoke] (app.js:83568)
    at Generator.prototype.<computed> [as next] (app.js:83402)
    at asyncGeneratorStep (app.js:50948)
    at _next (app.js:50950)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.