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

卢帕·德赛(Rupal Desai)

我正在尝试使用Visual Studio代码作为IDE测试我的第一个闪电Web组件。按照指示,我安装了Node.js,npm和jest依赖项。但是我收到这个错误

错误图片

尝试运行以下代码时

driver_Registration.html

<template>
<div class="slds-m-around_medium">
    <p>Hello, {person}!</p>
</div>
</template>

driver_Registration.js

import { LightningElement, api } from 'lwc';

export default class Driver_Registration extends LightningElement {
@api person = 'World';
}

测试文件夹中的hello.test.js

// hello.test.js
import { createElement } from 'lwc';
import Hello from 'c/driver_Registration';

describe('c-hello', () => {
    afterEach(() => {
        // The jsdom instance is shared across test cases in a single file so reset the DOM
        while (document.body.firstChild) {
            document.body.removeChild(document.body.firstChild);
        }
    });

    it('displays greeting', () => {
        // Create element
        const element = createElement('c-hello', {
            is: Hello
        });
        document.body.appendChild(element);

        // Verify displayed greeting
        const pTag = element.shadowRoot.querySelector('p');
        expect(pTag.textContent).toEqual('Hello, World!');
    }); 
});

任何输入表示赞赏

埃夫舍夫列夫

tsconfig.json

"compilerOptions": {
   ...
  "allowJs": true
}

是配置

"transformIgnorePatterns": [
  "node_modules/(?!lwc)"
]

去掉

"testPathIgnorePatterns": [
  "node_modules"
],

如果那还不够=> jest --clearCache

希望这可以帮助

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

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

来自分类Dev

SyntaxError:无法使用TypeScript在模块Firebase部署错误之外使用import语句

来自分类Dev

SyntaxError:无法使用TypeScript在模块Firebase部署错误之外使用import语句

来自分类Dev

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

来自分类Dev

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

来自分类Dev

NextJS + react-hook-mousetrap:“无法在模块外部使用import语句”-动态导入钩子?

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

  6. 6

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

  7. 7

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

  8. 8

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

  9. 9

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

  10. 10

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

  11. 11

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

  12. 12

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

  13. 13

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

  14. 14

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

  15. 15

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

  16. 16

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

  17. 17

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

  18. 18

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

  19. 19

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

  20. 20

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

  21. 21

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

  22. 22

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

  23. 23

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

  24. 24

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

  25. 25

    SyntaxError:无法使用TypeScript在模块Firebase部署错误之外使用import语句

  26. 26

    SyntaxError:无法使用TypeScript在模块Firebase部署错误之外使用import语句

  27. 27

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

  28. 28

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

  29. 29

    NextJS + react-hook-mousetrap:“无法在模块外部使用import语句”-动态导入钩子?

热门标签

归档