javascript - 如何使 testcafe 与绝对进口一起工作？

Question

我有一个 create react app 3 项目，

所以我在我的 src 文件夹中有一些 js 脚本，使用如下:

import { Foo } from 'components/layout/Foo

不幸的是，testcafe 编译器默认会提示它。我读到也许解决方案是创建指定自定义 tsconfig.json，我在其中声明

{
  "compilerOptions": {
    "baseUrl: "src"
  }
}

但显然它不起作用。谢谢。

Answer 1

不好意思，确实不是component文件，而是src目录下的utils。

在我的 foo_test.js 中有

import { ROOT_PATH } from '../src/utils/config'

fixture("00 Home | Arriving to the Home").page(ROOT_PATH)

test('Default | leads to the home page', async t => {
    const location = await t.eval(() => window.location)
    await t.expect(location.pathname).eql('/home')
})

utils/config 在哪里

import { getMobileOperatingSystem } from 'utils/mobile'

export const MOBILE_OS = getMobileOperatingSystem()

let CALC_ROOT_PATH
if (MOBILE_OS === 'ios') {
   document.body.className += ' cordova-ios'
   CALC_ROOT_PATH = window.location.href.match(/file:\/\/(.*)\/www/)[0]
}

export const ROOT_PATH = CALC_ROOT_PATH || 'http://localhost:3000/'