Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: VUE.js -> Failed to load module script

Aktivity
Avatar
Kamil
Člen
Avatar
Kamil:15.4.2022 21:37

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.

Zkusil jsem: Ahoj, mám soubory:

  1. index.html
  2. main.js
  3. dude.vue

Když importuji dude.vue do main.js prohlížeč mi vyhodí tuto chybu

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.

Chci docílit:

import {Dude} from "./Dude.vue";
const app = new Vue({
    el:'#app',
    components:{
        Dude
    },
    data:{
        newDude:'',
        characters:[
            'Jake The Dog',
            'Finn the Human',
            'Marceline the Vampire'
        ],
    },
    methods:{

    }
});

Dude.vue

<template>

        <li :title="title">
                <article>
                        {{ name }}
                        <span>{{ title }}</span>
                </article>
        </li>

</template>



<script>
export default {
        props: [
                'title', 'name'
        ],
        data() {
                return {

                }
        }
}
</script>



<style lang="scss" scoped>
article {
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        background: #9F3FA3;
        border-radius: 9px;
        margin: 12px auto;
        padding: 10px 8px;
        min-width: 360px;
        border: 4px solid transparent;
        transition: border-color .15s ease-in-out,
                                opacity .15s ease-in-out;
        position: relative;

        strong {
                color: #fff;
                font-weight: 300;
        }

        span {
                font-weight: normal;
                opacity: 0.75;
                display: block;
        }
}

li {
        article, .ctrl {
                display: inline-block;
        }

        .ctrl {
                color: #fff;
                font-size: 12px;
                font-weight: bold;
                width: 3.35em;
                background: none;
                border: none;
                padding: 3px;
                margin-left: 10px;
                position: relative;
                top: -10px;
        }
}

li:nth-child(5n+1) article { background: #3b9ae1; }
li:nth-child(5n+4) article { background: #f6be00; }
li:nth-child(5n+3) article { background: #e64134; }
li:nth-child(5n+2) article { background: #eb70b1; }
li:nth-child(5n+5) article { background: #0f1a5f; }

@media ( max-width: 860px ) {
        article {
                font-size: 13px;
        }
}
</style>
 
Odpovědět
15.4.2022 21:37
Avatar
Kamil
Člen
Avatar
Kamil:17.4.2022 13:14

Trošku to lépe zformuluji:
Prohlížeč mi neodporuje import souboru Dude.vue. Framework importuji do souboru index.html přes odkaz.

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

Nevím, jestli existuje nějaký nástroj, který by soubory vue předělal do JS.

 
Nahoru Odpovědět
17.4.2022 13:14
Avatar
Kamil
Člen
Avatar
Odpovídá na Kamil
Kamil:19.4.2022 11:38

Vyřešeno přes VUE CLI + Vite server

Akceptované řešení
+5 Zkušeností
Řešení problému
 
Nahoru Odpovědět
19.4.2022 11:38
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:19.4.2022 22:23

Existuje js emulace vue. Ale neporadi si s cmd-vue zapisy typu import.
Nicmene, jako, import lze provest klasickym pridanim tagu script do html kodu a malou upravou js.

<script src="./Dude.vue"></script>

Treba data importuji z jineho souboru pres script a zapis js. Ale, z toho si neber priklad, byl to jen amatersky pokus. Vsechny dalsi vue-app pocitaji s tim oficialnim zapisem a umi na to navazat dalsi programy. Kdezto tento muj kod asi nezpracuji :)
https://mlich.zam.slu.cz/…_2021-05-26/

Editováno 19.4.2022 22:25
 
Nahoru Odpovědět
19.4.2022 22:23
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.