새로운 에러('사이클 의존성' + nodeRep)를 슬로우합니다.

새로운 에러('사이클 의존성' + nodeRep)를 슬로우합니다.

어플리케이션에서 차트를 많이 사용했는데 가능한 한 vuex 스토어에서 모든 차트 색상을 처리하고 싶습니다.저는 이것을 만들기 위해 아래 코드를 사용했습니다.

store.displaces를 설정합니다.

import Vue from 'vue'
import Vuex from 'vuex'

// modules
import settings from './modules/settings';

Vue.use(Vuex);

export const store = new Vuex.Store({
    modules: {
        settings
    }
})

챠트 구성.개요

/**
* Change all chart colors
*/
import { store } from "../store/store";

const { primary, warning, error, info, success } = store.getters.chartColors;

export const ChartConfig = {
   color: {
      'primary': primary,
      'warning': warning,
      'danger': error,
      'success': success,
      'info': info,
      'white': '#fff',
      'lightGrey': '#E8ECEE'
   },
   lineChartAxesColor: '#E9ECEF',
   legendFontColor: '#AAAEB3', // only works on react chart js 2
   chartGridColor: '#EAEAEA',
   axesColor: '#657786',
   shadowColor: 'rgba(0,0,0,0.3)'
}

폴더 구조:

src
 -components
 -constants
   --chart-config.js
 -store
   --store.js
 -views
 App.vue
 main.js

npm run dev 명령을 실행하려고 할 때마다 이런 유형의 오류가 발생합니다.

95% emitting HtmlWebpackPlugin/media/iron/631dbce0-858c-4a8c-bef4- 
a01a6a92507f/shubham/work/dev/vue/myapp/node_modules/toposort/index.js:35 
throw new Error('Cyclic dependency' + nodeRep)

업데이트 2018-07-31

며칠 전, 나는 vue 앱으로 작업했을 때도 같은 문제가 있었다.@vue/cli(Vue CLI 3)그런데 최근에 고쳤어요.

오래된 답변

해결방법은 프로젝트 루트 디렉토리(옆)에 작성하는 것이었습니다.package.json패키지 리셋:

vue.config.module

module.exports = {
  chainWebpack: config => {
    config
      .plugin('html')
      .tap(args => {
        args[0].chunksSortMode = 'none'

        return args
      })
  }
}

언급URL : https://stackoverflow.com/questions/51113525/throw-new-errorcyclic-dependency-noderep