Экспорт Nuxt 'default' (импортированный как 'mod') не найден - PullRequest
Новая
       19

Экспорт Nuxt 'default' (импортированный как 'mod') не найден

3 голосов
/ 10 апреля 2019

Я использую Nuxt с Typescript.Я создаю следующий компонент: 

<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>

И затем в @/plugins/components.ts я импортирую компонент следующим образом: 

import Vue from "vue"
import AppInput from "@/components/Forms/AppInput.vue"

Vue.component("AppInput", AppInput)

Когда я компилирую проект с Nuxt, он выбрасывает меня export 'default' (imported as 'mod') was not found ошибка.Пожалуйста, помогите!

Ответы [ 2 ]

1 голос
/ 10 апреля 2019

Я решил использовать следующий tsconfig: 

{
    "compilerOptions": {
        "target": "esnext",
        "module": "esnext",
        "moduleResolution": "node",
        "lib": ["esnext", "esnext.asynciterable", "dom"],
        "esModuleInterop": true,
        "experimentalDecorators": true,
        "allowJs": true,
        "sourceMap": true,
        "strict": false,
        "allowSyntheticDefaultImports": true,
        "noImplicitAny": false,
        "noEmit": true,
        "baseUrl": ".",
        "resolveJsonModule": true,
        "paths": {
            "~/*": ["./*"]
        },
        "types": ["@nuxt/vue-app", "@types/node", "@types/webpack-env"]
    }
}
0 голосов
/ 02 июля 2019

Все работало нормально и внезапно начало выдавать ошибку после 

npm run dev

"экспорт 'default' (импортированный как 'mod') не найден в «- ../ node_modules / столпотворение-погрузчик / Библиотека / index.js ?? исх -! 2-0 ../ node_modules / вю-погрузчик / Библиотека / index.js ?? Vue-погрузчик-опции ./ default.vue? вю и тип = сценарий & LANG = JS & '

Я не знаю, хорошее это решение или нет, но последнее изменение, которое я сделал,

первый div после <template> изменен на <div id="my-app">

Итак, я снова вернул идентификатор div на <div id="app">, и эта ошибка исчезла,

Надеюсь, это кому-нибудь поможет.

...