在我的 vue 配置中,我有以下內容:
configureWebpack: {
resolve: {
alias: {
react: path.resolve(__dirname, 'composition/react'),
hooks: path.resolve(__dirname, 'composition'),
},
},
},
在我的組件中,我有以下內容:
import { useEffect, useState } from 'react';
這樣我就可以在 React 專案中重用一些 Vue 代碼。這在運行和構建專案時有效,但在測驗時無效。單元測驗時出現錯誤:Cannot find module 'react' from 'useCategories.js',上面的匯入來自 useCategories。
以下是在 jest.config.js 中:
module.exports = {
preset: '@vue/cli-plugin-unit-jest',
transform: {
'^. \\.vue$': 'vue-jest'
}
}
如果 vue 中的單元測驗忽略了來自 vue.config.js 的值,那么我該如何設定 webpack 路徑決議值以進行測驗。我寧愿不重復這些值,但如果它是一個 JavaScript 檔案,我想我可以從不同配置的同一個檔案中匯入它。
uj5u.com熱心網友回復:
Jest 中不使用 Webpack,這會使模塊測驗變得不切實際,因此 Webpack 配置不會影響任何事情。
正如檔案所解釋的,有必要在 Jest 配置中提供模塊映射,例如:
moduleNameMapper: {
'^react$': '<rootDir>/composition/react',
...
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/426729.html
標籤:javascript Vue.js Vuejs3 Vue 测试工具
上一篇:axios回傳嵌套的JSON檔案
