意外的token出现：export jest angular。

Question

我看了很多关于这个问题的帖子，但是我不知道如何解决它。我尝试了很多解决方案，但仍然出现错误。

 Details:

    /home/work/project/node_modules/ngx-cookie-service/index.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){export * from './cookie-service/cookie.service';
                                                                                             ^^^^^^

    SyntaxError: Unexpected token export

      15 |         this.sessionStorage = sessionStorage;
      16 |         this.localStorage = localStorageService;
    > 17 |         this.cookieService = cookieService;
         |                              ^
      18 |     }
      19 |
      20 |     public set(key, value, useSessionStorage = true) {

      at ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/script_transformer.js:403:17)
      at Object.<anonymous> (src/myApp/coreModule/services/storageLayer.service.ts:17:30)
      at Object.<anonymous> (src/myApp/itemModule/components/category.component.ts:30:32)

于是我将以下内容添加到我的package.json文件中：

  "jest": {
    "transformIgnorePatterns": [
      "node_modules/(?!ngx-cookie-service)"
    ]
  }

问题仍然存在。是否有人可以提供帮助？我应该使用“moduleNameMapper”来模拟ngx-cookie-service吗？

非常感谢！

- Joe Allen

Answer 1

我添加了

。

"transformIgnorePatterns": [
  "node_modules/(?!@ngrx|ngx-cookie-service|ng-dynamic)"
],

将其添加到package.json中，问题得以解决。

当我从正则表达式中删除ng-dynamic时，测试会失败并出现相同的异常。我不知道为什么，但是在我的看法中，它们不应该失败，因为我没有使用那个模块。

- Sylvain Girard

Answer 2

我刚刚找到了解决这个问题的方法。

1. 在存放 node_modules 的根目录下添加一个名为 __mocks__ 的文件夹。

2. 在 __mocks__ 文件夹中添加 ngx-cookie-service.js 文件，并添加以下代码：

class MockCookieService {
  constructor() {
    this._cookieReg = {};
  }
  check(name) {
    return this._cookieReg[name] ? true : false;
  }
  get(name) {
    return this._cookieReg[name];
  }
  getAll() {
    return this._cookieReg;
  }
  set(
    name,
    value,
    expires,
    path,
    domain,
    secure,
    sameSite
  ) {
    this._cookieReg[name] = name + '=' + value;
  }
  delete(name, path, domain) {
    delete this._cookieReg[name];
  }
  deleteAll(path, domain) {
    this._cookieReg = {};
  }
}

module.exports = {
  CookieService: MockCookieService
};

现在在实际的组件规范文件中，放置以下代码：

import { CookieService } from 'ngx-cookie-service';
jest.genMockFromModule('ngx-cookie-service');
TestBed.configureTestingModule({
  declarations: [Your-Component],
  providers: [CookieService]
})

现在运行 jest，测试将会正常运行。

- KiranMantha

Answer 3

我在 jest.config.js 文件中使用了相同的方法 transformIgnorePatterns: ['/node_modules/?!@angular'] 并且成功了。

- Ionut Vizitiu

---

你的回答可以通过提供更多支持信息来改进。请编辑以添加进一步的细节，例如引用或文档，以便他人可以确认你的答案是正确的。您可以在帮助中心中找到有关如何编写良好答案的更多信息。 - Community