Nuxt自定义插件导出未定义

TypeScript Vue.js

十三

2020-03-23

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

api/users.ts

export default $axios => ({

    create(payload: any) {}

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

}

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

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以dev依赖项和ts-node常规依赖项的形式安装并更改了config文件的文件扩展名以使用.ts

我还创建了一个tsconfig.json具有以下内容文件:

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

第3057篇《Nuxt自定义插件导出未定义》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
古一阿飞 2020.03.23

默认为拼写错误。目前说export defaut

飞云 2020.03.23

你写的 export defaut ({ app }, inject) => {

但是正如CQ所说的 export default

请考虑使用某种棉短绒像eslinttslint也喜欢vscode一些IDE。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android