使用wallaby测试时出现意外保留字错误

Question

在我编写测试用例的测试文件中，我导入了一个typescript文件，如下所示：

import {rootReducer} from "../src/reducers/rootReducer";

在rootReducer.ts中，我导入了另一个typescript文件，如下所示：

import taskReducer from "./taskReducer.ts";

然后它会显示错误：

SyntaxError: Unexpected reserved word
at src/reducers/rootReducer.ts:7

rootReducer.ts和taskReducer.ts都位于/src/reducers文件夹下

如果从import语句中删除'.ts‘，则没有失败的测试，但在浏览器中抛出错误。那么应用程序就不会运行了

wallaby配置如下：

module.exports = function (wallaby) {

    return {
        files: [
            'src/*.ts',
            'src/**/*.ts'
        ],

        tests: [
            'test/*Test.ts'
        ],

        testFramework: "mocha",

        env: {
            type: 'node'
        },

        compilers: {
            '**/*.ts': wallaby.compilers.typeScript({
                /* 1 for CommonJs*/
                module: 1
            })
        }
    }
};

Answer 1

你的声明：

import taskReducer from "./taskReducer.ts";

应该是：

// Import just taskReducer from this module
import {taskReducer} from "./taskReducer";

或者：

// Import the whole module and call it taskReducer
import * as taskReducer from "./taskReducer";

Answer 2

问题不在wallaby.js，而是在你的webpack配置中。要在不指定扩展名的情况下启用需要的文件，您必须添加一个resolve.extensions参数来指定webpack搜索哪些文件：

// webpack.config.js
module.exports = {
  ...
  resolve: {
    // you can now require('file') instead of require('file.ts')
    extensions: ['', '.js', '.ts', '.tsx'] 
  }
};