【发布时间】：2022-10-20 21:36:34
【问题描述】：
我正在开发一个使用 typescript 和 vueJS 的项目。我使用了 vue-multiselect 包，它在我的开发中运行良好，但是当我将它部署在 tomcat 服务器上时运行不佳。下面的图片清楚地显示了它。
我用纱线开始启动开发服务器和纱线构建启动产品服务器。
包.json
{ "name": "xxxxx", "version": "1.0.7", "private": true, "scripts": { "yarn": "yarn install", "build": "vue-cli-service build", "test:unit": "vue-cli-service test:unit", "lint": "vue-cli-service lint", "start": "vue-cli-service serve", "dev": "yarn start" }, "dependencies": { "@coreui/vue": "^4.1.1", "@vue/apollo-composable": "^4.0.0-alpha.7", "@vue/composition-api": "^0.4.0", "apollo-cache-inmemory": "^1.6.5", "apollo-client": "^2.6.8", "apollo-link-context": "^1.0.19", "apollo-link-http": "^1.5.16", "autosize": "^4.0.2", "axios": "^0.21.1", "color": "^3.1.2", "core-js": "^3.6.4", "dayjs": "^1.10.4", "graphql": "^14.6.0", "graphql-tag": "^2.10.3", "lodash.omit": "^4.5.0", "lodash.pick": "^4.4.0", "lodash.xor": "^4.5.0", "quill": "^1.3.7", "sass-loader": "~10", "tailwindcss": "^1.2.0", "throttle-debounce": "^2.1.0", "tippy.js": "^6.0.3", "toastify-js": "^1.7.0", "vue": "^2.6.11", "vue-content-loader": "^0.2.3", "vue-good-table": "^2.21.6", "vue-multiselect": "^2.1.6", "vue-router": "^3.1.5", "vue-select": "^3.11.2", "vue-smooth-dnd": "^0.8.1", "vue-toastify": "^1.6.1", "vue2-datepicker": "^3.9.0", "vue3-date-time-picker": "^2.6.0", "vuejs-datepicker": "^1.6.2", "vuetify": "^2.6.1", "yarn": "^1.22.17" }, "devDependencies": { "@fullhuman/postcss-purgecss": "^2.0.6", "@testing-library/vue": "^5.0.1", "@types/color": "^3.0.1", "@types/jest": "^24.0.19", "@types/lodash.omit": "^4.5.6", "@types/lodash.pick": "^4.4.6", "@types/lodash.xor": "^4.5.6", "@types/quill": "^2.0.3", "@types/throttle-debounce": "^2.1.0", "@typescript-eslint/eslint-plugin": "^2.18.0", "@typescript-eslint/parser": "^2.18.0", "@vue/babel-helper-vue-jsx-merge-props": "^1.0.0", "@vue/babel-preset-jsx": "^1.1.2", "@vue/cli-plugin-babel": "~4.2.0", "@vue/cli-plugin-eslint": "~4.2.0", "@vue/cli-plugin-router": "~4.2.0", "@vue/cli-plugin-typescript": "~4.2.0", "@vue/cli-plugin-unit-jest": "~4.2.0", "@vue/cli-service": "~4.2.0", "@vue/eslint-config-prettier": "^6.0.0", "@vue/eslint-config-typescript": "^5.0.1", "@vue/test-utils": "1.0.0-beta.31", "deepmerge": "^4.2.2", "eslint": "^6.7.2", "eslint-plugin-prettier": "^3.1.1", "eslint-plugin-vue": "^6.1.2", "prettier": "^1.19.1", "resize-observer-polyfill": "^1.5.1", "sass": "~1.32", "typescript": "~3.8.3", "vue-template-compiler": "^2.6.11" }, "browserslist": [ "> 1%", "last 2 versions" ], "engines": { "node": ">=10.13.3", "yarn": ">=1.0.0" } }
【问题讨论】：