Mr.*_*yyy 5 typescript vue.js nuxt.js
我的新Nuxt应用程序将占用大量API,因此我创建了一个名为的新顶级文件夹,api并且在此文件夹中将定义所有api路由,但目前仅users.ts
在api/users.ts:
export default $axios => ({
create(payload: any) {}
showAll(): any {
return $axios.get('...');
}
}
Run Code Online (Sandbox Code Playgroud)
然后在我的plugins文件夹中,我创建了一个模块,导出所有名为的api plugins/api.ts:
import users from '../api/users';
export defaut ({ app }, inject) => {
app.api = { usersAPI: users }
}
Run Code Online (Sandbox Code Playgroud)
最后在我的nuxt.config.ts:
...
plugins: [
'~/plugins/api'
],
...
Run Code Online (Sandbox Code Playgroud)
但是在浏览器中,当我加载页面时 ReferenceError: exports is not defined
我怀疑这可能与Typescript有关,但是我遵循了文档中的Typescript支持指南,并@nuxt/typescript以dev依赖项和ts-node常规依赖项的形式安装,并更改了要使用的config文件的文件扩展名.ts。
我还创建了一个tsconfig.json具有以下内容的文件:
{
"compilerOptions": {
"allowSyntheticDefaultImports": true
}
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
376 次 |
| 最近记录: |