VueJs：TypeError：Object(...) 不是函数，“withScopeId”

Question

最近几周，我们一直在成功地将更新推送到我们的 Vue 应用程序，在昨天进行了一些非常小的更改（属性名称更改并删除了一些纯语义字符）之后，我们遇到了以下错误：

Uncaught TypeError: Object(...) is not a function
    at Module.fae3 (XCustomerServiceOptionsLibrary.umd.js:53612)
    at n (XCustomerServiceOptionsLibrary.umd.js:30)
    at 0012 (XCustomerServiceOptionsLibrary.umd.js:94)
    at XCustomerServiceOptionsLibrary.umd.js:11
    at XCustomerServiceOptionsLibrary.umd.js:3
    at Object.e977 (XCustomerServiceOptionsLibrary.umd.js:1)
    at o (app.2df3392d.js:formatted:39)
    at CustomerServiceManagement.umd.js:3
    at Object.7091 (CustomerServiceManagement.umd.js:1)
    at o (app.2df3392d.js:formatted:39)

我们调试了代码，发现出现在这一行的错误：

const _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-569a422e")

我们将 Vue 组件构建到库中，将它们推送到 Verdaccio 存储库，然后将它们作为依赖项添加到更大的项目中。问题 ( XCustomerServiceOptionsLibrary) 中的库和较大的 Vue 应用程序构建良好，但在服务时产生上述错误。

我开始认为我们的 Vue 依赖项之一的版本更改导致了问题。这是我们的 package.json 文件：

图书馆

"devDependencies": {
    "apollo-boost": "^0.4.4",
    "autoprefixer": "^9.6.1",
    "graphql": "^14.2.1",
    "material-design-icons-iconfont": "^5.0.1",
    "moment": "^2.24.0",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",
    "vue": "^2.6.11",
    "vue-apollo": "^3.0.0-beta.28",
    "vuetify": "^1.5.16",
    "vuex": "^3.0.1",
    "webpack": "^4.36.1",
    "@vue/cli": "^4.1.2",
    "@vue/cli-service": "^4.1.2",
    "vue-template-compiler": "^2.6.11"
  },

应用程序

"apollo-boost": "^0.3.1",
    "autoprefixer": "^9.6.1",
    "graphql": "^14.2.1",
    "material-design-icons-iconfont": "^5.0.1",
    "moment": "^2.24.0",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.2",
    "vue": "^2.6.10",
    "vue-apollo": "^3.0.0-beta.28",
    "vuetify": "^1.5.16",
    "vuex": "^3.0.1",
    "webpack": "^4.36.1",
    "@vue/cli": "^4.1.2",
    "@vue/cli-service": "^4.1.2",
    "vue-template-compiler": "^2.6.11"

Answer 1

您需要将 Vue 版本更改为 Vue3。