vue.js - VueJs:TypeError:Object(...)不是一个函数,“withScopeId”
问题描述
最近几周,我们一直在成功地向我们的 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"
解决方案
推荐阅读
- c++ - 挂钩直接输入
- c# - 请向我解释为什么这不分配副本,而是分配指针?C#
- android - OkHttp 身份验证器刷新令牌循环
- python - 如何使用绑定动态更新 Kivy Label 的文本属性
- amazon-neptune - 我可以为 Neptune 使用预留实例或 Savings Plan 吗?
- java - 从双精度和布尔值数组中删除一个元素
- python - 如何使用 http 将字符串发送到 ESP32
- c# - 如何将移动应用程序连接到不同的服务器
- javascript - 在使用来自 firebase 的新数据刷新之前清除反应状态字段
- laravel - 无需在 Laravel 中调用视图即可存储 rest api 数据