Mocha 测试:不能在模块外使用 import 语句

Posted

技术标签:

【中文标题】Mocha 测试:不能在模块外使用 import 语句【英文标题】:Mocha test: Cannot use import statement outside a module 【发布时间】:2020-11-20 13:10:33 【问题描述】:

我不确定这是 TS 设置还是需要调整什么或其他什么。我已经看过这个,它对我没有帮助:Mocha + TypeScript: Cannot use import statement outside a module 这些关于使用<script src="file1.js" type="module"></script> 的帖子毫无意义,我在这里运行测试。

我用 mocha -r ts-node/register src/test/**/*.spec.tsx -r src/test/compiler.ts --color -w 运行我的测试

我收到import MemoryRouter as Router from "react-router-dom"; 的错误:

Cannot use import statement outside a module

featured.company.group.tsx

import  MemoryRouter as Router  from "react-router-dom";
import  expect, mount, React  from "../../test.imports";
import  FeaturedCompanyGroup, FormattedFeaturedCompany  from "../../../client/Company/FeaturedCompanies";

describe("Featured Company Group", () => 
    const country: Country = 
        id: 0,
        name: "string",
        images: 
            flag: "string"
        
    ;
...

我正在使用:

"node": "14.x"
"react-router": "^4.3.1",
"react-router-dom": "^4.3.1",
"@types/mocha": "^8.0.0",
"@types/mocha": "^8.0.0",

我有一个根 ./tsconfig.json:


  "compilerOptions": 
    /* Visit https://aka.ms/tsconfig.json to read more about this file */
        "outDir": "./build",
    "target": "ES2020",                     /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */
    "module": "es2020",                     /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */
    "lib": ["es5", "es6", "dom"],                      /* Specify library files to be included in the compilation. */
        "moduleResolution": "node",
        "allowJs": false,                     /* Allow javascript files to be compiled. */
//      "checkJs": true,                     /* Report errors in .js files. */
    "jsx": "react",
    "noImplicitAny": false,
        "sourceMap": false,                   /* Generates corresponding '.map' file. */
    "rootDir": "./",                     /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
        "removeComments": true,              /* Do not emit comments to output. */
    "strict": true,                      /* Enable all strict type-checking options. */
        "noUnusedLocals": true,                /* Report errors on unused locals. */
        "noUnusedParameters": true,            /* Report errors on unused parameters. */
//    "rootDirs": ["."],                        /* List of root folders whose combined content represents the structure of the project at runtime. */
    "typeRoots": [
      "node_modules/@types"
    ],                      /* List of folders to include type definitions from. */
        "esModuleInterop": true,
        "allowSyntheticDefaultImports": true,  /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
        "preserveSymlinks": true,              /* Do not resolve the real path of symlinks. */
        "resolveJsonModule": true,
        "skipLibCheck": true,                     /* Skip type checking of declaration files. */
    "forceConsistentCasingInFileNames": true,
//      "strictNullChecks": true
    ,
    "include": [
        "src"
    ],
    "exclude": [
        "/node_modules",
        "/src/server",
        "/src/client/js/ink-config.js",
        "**/test",
        "dist"
  ]

我有一个 /src/test/tsconfig.json。 (我不认为这实际上是出于某种原因扩展了我的根,它似乎不会影响这个 tsconfig):


    "extends": "../../tsconfig.json",
    "compilerOptions": 
        "noEmit": true,
        "module": "es2020",
        "target": "es2020",
        "types": ["node","mocha", "chai", "react"],
        "lib": ["es6"],
        "compileOnSave": false,
        "jsx": "react",
        "sourceMap": false,
        "skipLibCheck": true,
        "esModuleInterop": true
    ,
    "include": ["./**/*spec.tsx"],
    "exclude": ["node_modules","./build"]

【问题讨论】:

您的package.json 中有"type": "module" 吗?这就是 Node.js 知道 .js 文件是 ES 模块的方式。有关如何使用 ES 模块的更多信息,请参阅Node.js docs。 是的,但没有任何区别 这些测试在重命名为 spec.ts 之前运行良好 【参考方案1】:

看起来您正在使用“监视”模式,根据ts-node docs,该模式需要extensions 选项。

【讨论】:

不管我是否处于监视模式,我仍然会收到此错误

以上是关于Mocha 测试:不能在模块外使用 import 语句的主要内容,如果未能解决你的问题,请参考以下文章

笑话:不能在模块外使用 import 语句

create-react-app 和 jest - 不能在模块外使用 import 语句

运行nestjs应用程序时typeorm迁移中的“不能在模块外使用import语句”

不能在模块外使用 import 语句

Storybook main.ts:不能在模块外使用 import 语句

笑话 - 语法错误:不能在模块外使用 import 语句