# Preview Log repeats to reload (Vue packages version mismatch error)

## Targets

* Projects who use Vue.js and libraries that depend on Vue.js (such as `vue-template-compiler`or `vue-loader` ) and do not have fixed versions in `package.json`

## Incident

* The following error causes the preview log to reload repeatedly.

```
[webpack-cli] Error:

Vue packages version mismatch:

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.
```

## Cause

* If a minor version of a Vue.js related library such as `vue-template-compiler` or `vue-loader` is updated and there is an inconsistency with the version of Vue.js used in the project, the above error will occur.

## How to fix it

* Open `package.json` and fix the version by removing`^`from the versions of Vue.js and related libraries defined in `devDependencies` and `dependencies`.

```
  "dependencies": {
    ・・・
    "vue": "^2.6.14",
    "vue-onsenui": "^2.6.4"
    ・・・
  },
  "devDependencies": {
     ・・・
    "vue-loader": "^15.9.8",
    "vue-template-compiler": "^2.6.14",
    ・・・
  }
```

↓

```
  "dependencies": {
    ・・・
    "vue": "2.6.14",
    "vue-onsenui": "2.6.4"
    ・・・
  },
  "devDependencies": {
     ・・・
    "vue-loader": "15.9.8",
    "vue-template-compiler": "2.6.14",
    ・・・
  }
```

* Execute `Project Recovery` from the Preview Log.

![](https://3091308003-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWe1U2tFctp8FkP9W8%2Fuploads%2FOBdNCu79Knw5m93WYeRa%2Fimage%20\(2\).png?alt=media\&token=cf2a935e-a2e8-4165-b6ac-a95fedf40be0)

![](https://3091308003-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MfWe1U2tFctp8FkP9W8%2Fuploads%2FzTda3yu44kVdBB924kOR%2Fimage%20\(3\).png?alt=media\&token=8edd67a3-c4e1-4a30-b212-a3a57e07a6de)