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