我的新 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/