vue-cli-service服务和buid生成不同的样式

问题描述

我不确定如何显示它,但是出于某种原因,vue-cli-service buildvue-cli-service serve页面看起来有所不同。在build的情况下一切都很好,但是在serve的情况下样式混乱,但是在构建时没有错误,并且在浏览器控制台中也没有错误。如果有帮助,我可以共享package.json和我拥有的其他一些配置文件...

package.json

{
  "name": "newlanding","version": "0.1.0","private": true,"scripts": {
    "serve": "vue-cli-service serve","build": "vue-cli-service build","lint": "vue-cli-service lint"
  },"dependencies": {
    "core-js": "^3.6.5","vue": "^2.6.11","vuelidate": "^0.7.5","vuetify": "^2.2.11"
  },"devDependencies": {
    "@mdi/js": "^5.4.55","@vue/cli-plugin-babel": "~4.4.0","@vue/cli-plugin-eslint": "~4.4.0","@vue/cli-service": "~4.4.0","babel-eslint": "^10.1.0","eslint": "^6.7.2","eslint-plugin-vue": "^6.2.2","sass": "^1.19.0","sass-loader": "^8.0.0","vue-cli-plugin-vuetify": "~2.0.7","vue-template-compiler": "^2.6.11","vuetify-loader": "^1.3.0"
  },"eslintConfig": {
    "root": true,"env": {
      "node": true
    },"extends": [
      "plugin:vue/essential","eslint:recommended"
    ],"parserOptions": {
      "parser": "babel-eslint"
    },"rules": {}
  },"browserslist": [
    "> 1%","last 2 versions","not dead"
  ]
}

vue.config.js

module.exports = {
  "transpileDependencies": [
    "vuetify"
  ]
}

babel.config.js

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

我知道没有实际的代码很难找到原因...但是也许您有一些建议,我不知道其他地方,就像我之前在构建和在浏览器中没有错误时所说的那样。 yarn-error.log。感谢您的建议!

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)