小编Edi*_*ier的帖子

[Vue warn]: data() 中的错误:“TypeError: 无法解构 '(0, _compositionApi.useContext)(...)' 的属性 'store',因为它未定义。”

Nuxt2我正在使用@nuxtjs/composition-api和 在应用程序上设置测试@vue/test-utils

此外,还有一个使用 @和 的vue-CLIUI 库。vue/composition-apivue-demi

问题是,即使context按照此处的解决方案进行了嘲笑,我们的商店仍然存在undefined并且测试失败。

///// SET UP /////

Nuxt2应用程序设置如下:

Package.json

 "dependencies": {
   "@nuxtjs/composition-api": "^0.20.2",
   "core-js": "2",
 }

 "devDependencies": {
   "@vue/test-utils": "^1.3.0",
   "babel-core": "^7.0.0-bridge.0",
   "babel-jest": "^28.1.0",
   "jest": "^28.1.0",
   "jest-environment-jsdom": "^28.1.0",
   "jest-junit": "^14.0.0",
   "vue-jest": "^3.0.7",
 }

Run Code Online (Sandbox Code Playgroud)

nuxt.config.js

 alias: {
    'vue-demi': '@nuxtjs/composition-api',
  },
Run Code Online (Sandbox Code Playgroud)

jest.config.js

module.exports = {
  verbose: true,
  testEnvironment: 'jsdom',
  moduleFileExtensions: ['js', 'vue', 'json'],
  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>/$1',
    '^~/(.*)$': '<rootDir>/$1',
    '^vue$': 'vue/dist/vue.common.js', …
Run Code Online (Sandbox Code Playgroud)

store vue.js nuxt.js vue-test-utils vue-composition-api

7
推荐指数
0
解决办法
4356
查看次数