J'utilise Nuxt avec Tickecscript. Je crée un composant suivant:
<template>
<div class="field">
<label class="label" v-if="typeof label !== 'undefined'">{{ label }}</label>
<div class="control">
<textarea
v-if="inputType === 'textarea'"
class="textarea"
@input="$emit('input', $event.target.value)"
></textarea>
<input
v-if="inputType === 'input'"
:type="type"
class="input"
@input="$emit('input', $event.target.value)"
>
</div>
</div>
</template>
<script lang="ts">
import { Vue, Component, Prop } from "vue-property-decorator"
@Component({})
export default class AppInput extends Vue {
@Prop({ type: String, required: false, default: "input" })
inputType!: string
@Prop({ type: String, required: false })
label!: string
@Prop({ type: String, required: false, default: "text" })
type!: string
}
</script>
<style>
</style>
Et puis dans @/plugins/components.ts
, J'importe le composant comme suit:
import Vue from "vue"
import AppInput from "@/components/Forms/AppInput.vue"
Vue.component("AppInput", AppInput)
Lorsque je compile le projet avec NUXT, cela me jette export 'default' (imported as 'mod') was not found
erreur. S'il vous plaît aider!
Tout allait bien et soudain, il a commencé à donner une erreur après
npm run dev
"Exporter" Par défaut "(importé comme" MOD ") n'a pas été trouvé dans" -! ../ node_modules/babel-loader/lib/index.js ?? réf - 2-0! ../ nœud_modules/vue-chargeur /lib/index.js??vue-loader-Options!./default.vue?vue&type=script&lang=js& '
Je ne sais pas que c'est une bonne solution ou non, mais le dernier changement, ce que j'ai fait,
premier div après <template>
changé en <div id="my-app">
Donc, j'ai encore une fois retourné l'ID DIV à <div id="app">
et cette erreur disparue,
J'espère que cela aidera quelqu'un.