使用Vue Js运行Jest测试时,出现“ SyntaxError:无法在模块外部使用import语句”

Layo Folaranmi

我遵循了本教程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)

任何帮助将不胜感激。

Layo Folaranmi

我从先前的类似问题中找到了一个关于SO的答案,但是在运行Jest测试时出现了意外的令牌“导入”错误?

基本上,我必须从以下配置更改我的jest配置中的transformIgnorePatterns数组:

transformIgnorePatterns: ["/node_modules/"],

transformIgnorePatterns: ["/node_modules/(?!vue-awesome)"],

确保jest编译了“ vue-awesome”模块以在测试中使用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

SyntaxError:无法在JEST LWC中的模块外部使用import语句

来自分类Dev

导入ReactJS时出现“未捕获的SyntaxError:无法在模块外部使用import语句”

来自分类Dev

npm模块出现“ SyntaxError:无法在模块外部使用导入语句”

来自分类Dev

玩笑单元测试-SyntaxError:无法在模块外部使用import语句

来自分类Dev

未捕获的SyntaxError:无法在节点js中的模块外部使用import语句

来自分类Dev

尝试在Django应用程序的js文件中导入vue.js时出现“未捕获的SyntaxError:无法在模块外部使用import语句”

来自分类Dev

Node.js:SyntaxError:无法在模块外部使用导入语句

来自分类Dev

Javascript模块错误SyntaxError:无法在模块外部使用import语句

来自分类Dev

Jest Testing React Native无法在模块外部使用import语句

来自分类Dev

导入“ uuid”时无法在模块外部使用import语句

来自分类Dev

导入“ uuid”时无法在模块外部使用import语句

来自分类Dev

使用lit-html使用Typescript编写测试时,出现“ SyntaxError:无法在模块外部使用导入语句”

来自分类Dev

Babel,Jest和webpack出现“ SyntaxError:无法在模块外部使用导入语句”

来自分类Dev

SyntaxError:无法在模块外部使用import语句-jsfiddle

来自分类Dev

SyntaxError:无法在Firebase模块外部使用import语句

来自分类Dev

开玩笑-SyntaxError:无法在模块外部使用import语句

来自分类Dev

未捕获的SyntaxError:无法在模块外部使用import语句

来自分类Dev

NodeJs项目SyntaxError:无法在模块外部使用import语句

来自分类Dev

未捕获的SyntaxError:当我导出和导入类时,无法在模块外使用import语句

来自分类Dev

开玩笑不会转换模块-SyntaxError:无法在模块外部使用import语句

来自分类Dev

导入自定义NPM库时无法在模块外部使用import语句

来自分类Dev

使用TypeScript和nodemon:SyntaxError:无法在模块外部使用import语句

来自分类Dev

未捕获的SyntaxError:使用reactjs CDN链接的模块外部无法使用import语句

来自分类Dev

无法在模块@emotion外部使用import语句

来自分类Dev

使用Jest运行测试时无法使用uuid模块

来自分类Dev

“未捕获的SyntaxError:无法在模块外部使用import语句”-这是什么意思?

来自分类Dev

如何修复“ SyntaxError:无法在模块外部使用导入语句”

来自分类Dev

Mocha + TypeScript:无法在模块外部使用import语句

来自分类Dev

无法在Vuejs中的模块外部使用import语句。模板Django

Related 相关文章

  1. 1

    SyntaxError:无法在JEST LWC中的模块外部使用import语句

  2. 2

    导入ReactJS时出现“未捕获的SyntaxError:无法在模块外部使用import语句”

  3. 3

    npm模块出现“ SyntaxError:无法在模块外部使用导入语句”

  4. 4

    玩笑单元测试-SyntaxError:无法在模块外部使用import语句

  5. 5

    未捕获的SyntaxError:无法在节点js中的模块外部使用import语句

  6. 6

    尝试在Django应用程序的js文件中导入vue.js时出现“未捕获的SyntaxError:无法在模块外部使用import语句”

  7. 7

    Node.js:SyntaxError:无法在模块外部使用导入语句

  8. 8

    Javascript模块错误SyntaxError:无法在模块外部使用import语句

  9. 9

    Jest Testing React Native无法在模块外部使用import语句

  10. 10

    导入“ uuid”时无法在模块外部使用import语句

  11. 11

    导入“ uuid”时无法在模块外部使用import语句

  12. 12

    使用lit-html使用Typescript编写测试时,出现“ SyntaxError:无法在模块外部使用导入语句”

  13. 13

    Babel,Jest和webpack出现“ SyntaxError:无法在模块外部使用导入语句”

  14. 14

    SyntaxError:无法在模块外部使用import语句-jsfiddle

  15. 15

    SyntaxError:无法在Firebase模块外部使用import语句

  16. 16

    开玩笑-SyntaxError:无法在模块外部使用import语句

  17. 17

    未捕获的SyntaxError:无法在模块外部使用import语句

  18. 18

    NodeJs项目SyntaxError:无法在模块外部使用import语句

  19. 19

    未捕获的SyntaxError:当我导出和导入类时,无法在模块外使用import语句

  20. 20

    开玩笑不会转换模块-SyntaxError:无法在模块外部使用import语句

  21. 21

    导入自定义NPM库时无法在模块外部使用import语句

  22. 22

    使用TypeScript和nodemon:SyntaxError:无法在模块外部使用import语句

  23. 23

    未捕获的SyntaxError:使用reactjs CDN链接的模块外部无法使用import语句

  24. 24

    无法在模块@emotion外部使用import语句

  25. 25

    使用Jest运行测试时无法使用uuid模块

  26. 26

    “未捕获的SyntaxError:无法在模块外部使用import语句”-这是什么意思?

  27. 27

    如何修复“ SyntaxError:无法在模块外部使用导入语句”

  28. 28

    Mocha + TypeScript:无法在模块外部使用import语句

  29. 29

    无法在Vuejs中的模块外部使用import语句。模板Django

热门标签

归档