Syntax Error: Error: PostCSS plugin autoprefixer requires PostCSS 8.
packages.json
{
"version": "0.1.1",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"format": "prettier --write \"**/*.{js,vue,scss,html,md,json}\" --ignore-path .gitignore",
"test": "echo \"No test specified\" && exit 0"
},
"dependencies": {
"@kurkle/color": "^0.3.2",
"@popperjs/core": "^2.9.2",
"@radial-color-picker/vue-color-picker": "^4.0.0",
"@turf/center-of-mass": "^6.5.0",
"@vue/babel-preset-jsx": "^1.4.0",
"axios": "^0.19.2",
"chart.js": "^3.4.0",
"fingerprintjs2": "^2.1.2",
"js-cookie": "^3.0.1",
"lodash-es": "^4.17.21",
"mapbox-gl": "^0.53.0",
"moment": "^2.28.0",
"normalizr": "^3.6.1",
"randomcolor": "^0.6.2",
"scriptjs": "^2.5.9",
"v-calendar": "^2.4.1",
"v-click-outside": "^3.1.2",
"vue": "^2.6.11",
"vue-cool-lightbox": "^2.7.0",
"vue-final-modal": "^2.4.3",
"vue-mapbox": "^0.4.1",
"vue-mq": "^1.0.1",
"vue-router": "3.4.3",
"vue-slider-component": "^3.2.20",
"vue-sticky-directive": "^0.0.10",
"vue-upload-component": "^2.8.22",
"vue-uuid": "^2.0.2",
"vue2-datepicker": "^3.11.0",
"vue2-editor": "^2.10.3",
"vuedraggable": "^2.24.3",
"vuex": "^3.4.0"
},
"devDependencies": {
"@babel/plugin-proposal-private-methods": "^7.18.6",
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-plugin-vuex": "~4.5.0",
"@vue/cli-service": "~4.0.0",
"autoprefixer": "^10.4.17",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-config-prettier": "^6.15.0",
"eslint-plugin-vue": "^6.2.2",
"postcss": "^8.4.33",
"sass": "^1.49.9",
"sass-loader": "^8.0.2",
"tailwindcss": "^3.4.1",
"vue-svg-loader": "^0.16.0"
}
}