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 语句的主要内容,如果未能解决你的问题,请参考以下文章
create-react-app 和 jest - 不能在模块外使用 import 语句
运行nestjs应用程序时typeorm迁移中的“不能在模块外使用import语句”