我遵循了本教程https://frontstuff.io/build-your-first-vue-js-component来构建vue js组件。然后,我按照本教程https://frontstuff.io/unit-test-your-first-vuejs-component进行了单元测试。单元测试在组件的import语句上失败,并返回以下错误:
●测试套件无法运行
C:\Users\SHINIGAMI-ALFSABAH\Documents\Workspace\Dev\Vue\star-rating\node_modules\vue-awesome\icons\star.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import Icon from '../components/Icon.vue'
^^^^^^
SyntaxError: Cannot use import statement outside a module
12 |
13 | <script>
> 14 | import 'vue-awesome/icons/star'
| ^
15 | import Icon from 'vue-awesome/components/Icon'
16 |
17 | export default {
at ScriptTransformer._transformAndBuildScript (node_modules/@jest/transform/build/ScriptTransformer.js:537:17)
at ScriptTransformer.transform (node_modules/@jest/transform/build/ScriptTransformer.js:579:25)
at src/components/Rating.vue:14:1
at Object.<anonymous> (src/components/Rating.vue:67:3)
任何帮助将不胜感激。
我从先前的类似问题中找到了一个关于SO的答案,但是在运行Jest测试时出现了意外的令牌“导入”错误?
基本上,我必须从以下配置更改我的jest配置中的transformIgnorePatterns数组:
transformIgnorePatterns: ["/node_modules/"],
至
transformIgnorePatterns: ["/node_modules/(?!vue-awesome)"],
确保jest编译了“ vue-awesome”模块以在测试中使用。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句