依賴周期檢測到導入/無周期

Question

我正在嘗試在ES6中設置API端點。 在我的主服務器文件中，我嘗試導入路由器模塊，但收到錯誤“檢測到依賴周期的導入/無周期”。 請在下面找到我的代碼以獲取許可和幫助。

import express from 'express';

import bodyParser from 'body-parser';

import router from './routes/routes';

const app = express();
const PORT = process.env.PORT || 8080;

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
// app.use(routes);

app.use('/api/v1', router);

const run = () => console.log('way to go server!');

app.listen(PORT, run);
export default app;

Answer 1

這可能是直接參考(A -> B -> A)問題，甚至您也可能正在這樣做。

// file a.ts
import { b } from 'b';
...
export a;

// file b.ts
import { a } from 'a';
...
export b;

在這里閱讀有關“從JavaScript項目中消除循環依賴”的更多信息：

一旦我在vue.js項目中遇到問題，發生問題的代碼就是這樣：

<script>
  import router from '@/router';
  import { requestSignOut } from '../../api/api';

  export default {
    name: 'sign-out',
    mounted() {
      requestSignOut().then((data) => {
        if (data.status === 'ok') {
          router.push({ name: 'sign-in' });
        }
      });
    },
  };
</script>

然后我以這種方式修復它：

<script>
import { requestSignOut } from '@/api/api';

export default {
  name: 'sign-out',
  mounted() {
    requestSignOut().then((data) => {
      if (data.status === 'ok') {
        this.$router.push({ name: 'sign-in' });
      }
    });
  },
};
</script>