typescript - 未定义 Nuxt 自定义插件导出

标签 typescript vue.js nuxt.js

我的新 Nuxt 应用程序将包含大量 API,因此我创建了一个名为 api 的新顶级文件夹,并在该文件夹内定义了所有 api 路由,但目前只有 用户.ts

api/users.ts 中:

export default $axios => ({

    create(payload: any) {}

    showAll(): any {
        return $axios.get('...');
    }

}

然后在我的插件文件夹中,我创建了一个模块导出所有名为 plugins/api.ts 的 api:

import users from '../api/users';

export defaut ({ app }, inject) => {

    app.api = { usersAPI: users }

}

最后在我的 nuxt.config.ts 中:

...
plugins: [
    '~/plugins/api'
],
...

但是在浏览器中加载页面时出现ReferenceError: exports is not defined

我怀疑这可能与 Typescript 有关,但我已经按照文档中的 Typescript 支持指南安装了 @nuxt/typescript 作为开发依赖项和 ts-node 作为一个普通的依赖项,并将配置文件的文件扩展名更改为使用 .ts

我还创建了一个 tsconfig.json 文件,其中包含:

{
    "compilerOptions": {
        "allowSyntheticDefaultImports": true
    }
}

最佳答案

默认拼写错误。它目前显示 export defaut

关于typescript - 未定义 Nuxt 自定义插件导出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56082822/

相关文章:

javascript - TypeScript 提示使用 vue-property-decorator 定义的现有 Vue 组件属性

javascript - 如何配置 Jest 测试框架以在 Nuxt.js 中使用?

javascript - 通用深层嵌套数组的 Json 到 CSV 转换的通用方法

typescript - 有什么方法可以在 tsconfig 中设置严格模式下使用 Loopback 4?

javascript - 将 HTTP 响应类型设置为 arraybuffer

javascript - Vue.js,更改数组项顺序并在 DOM 中也进行更改

javascript - 如何将 Vue 的主应用渲染到 body 元素?

vue.js - VueJS 使用 v-html 渲染 html 字符串中的属性

vue.js - 我在 asyncData 中遇到非常慢的 Axios 请求

angular - Jasmine 中的意外 token 'Import' 问题,Protractor With Angular 2 Project with out angular-cli