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

我不知道如何显示它，但由于某种原因，在

vue cli服务构建

和

vue cli服务服务

页面看起来有所不同。在

build

的情况下，一切正常，但在

service

的情况下，样式混乱，但在构建时没有错误，在浏览器控制台中也没有错误。我可以共享

包.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"
  ]
}

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

babel.config.js

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

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

---

我知道没有实际代码很难找到原因。。。但也许您有一些建议，我不知道还有什么地方可以看，正如我之前所说的，在构建和浏览器时没有错误，在warn error.log中也没有错误。

同样的问题，您找到解决方案了吗？我希望能得到一些帮助，因为我面临同样的问题。部分是通过在样式标记中添加

scoped

。在这里您不会看到任何错误-问题是存在CSS冲突（相同的选择器或类名，但不同组件中的样式不同）。您必须在DevTools中手动检查每个具有“断开”样式的元素，以查看哪些CSS规则正被其他规则覆盖。