dependency cycle detected import/no-cycle
71,986
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>
Comments
-
Darotudeen over 3 years
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;