dependency cycle detected import/no-cycle

Question

I am trying to set up API endpoints in ES6. In my main server file, I tried to import the router module but I get the error "dependency cycle detected import/no-cycle". Please find my code below for clearance and assistance.

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

This could be a direct reference (A -> B -> A) issue, which even you might be doing.

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

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

Read HERE more about "Eliminate Circular Dependencies from Your JavaScript Project":

Once I had the issue in vue.js project and the code that had issue was something like this:

<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>

Then I fixed it this way:

<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>