将量角器测试项目从 javascript 移植到 typescript 的步骤

Question

• 已安装节点并验证 npm 工作正常
• 在 json 包“依赖项”中添加了以下内容：{}， “开发依赖”：{ "@angular/cli": "^7.0.4", "@types/jasmine": "~2.5.45", "@types/jasminewd2": "~2.0.3", "@types/node": "~8.9.4", “茉莉花核”：“~2.99.1”， “茉莉花记者”：“^2.3.1”， “茉莉花规格报告者”：“〜4.2.1”， “更漂亮”：“1.14.3”， "量角器": "~5.3.0", “量角器美丽的记者”：“1.2.5”， "stylelint": "^9.5.0", "stylelint-config-standard": "^18.2.0", "stylelint-scss": "^3.3.0", "ts-node": "~5.0.1", "tsc": "^1.20150623.0", "tslint": "~5.9.1", “打字稿”：“~2.7.2” } }
• 运行 npm 安装

尝试运行 npm run protractor conf.js

我收到此错误： {从“量角器”导入{浏览器}；
^^^^^^

语法错误意外令牌导入。

据我了解，这是因为项目没有被转译。

这是我坚持的步骤。 我试图运行 ng build，希望这会为我转换，但我明白了 我的项目不是有角度的另一个错误。

如有任何帮助，我们将不胜感激。

Answer 1

首先，您需要在您的package.json 旁边添加一个tsconfig.json。

tsconfig.json 可以是这个样子（更多细节请看here）：

{
    "compilerOptions": {
        "outDir": "dist/",
        "target": "es5"
    },
    "include": [
        "./src/**/*"  <-- Dynamic path to your test files
    ]
} 

要编译，我建议在package.json 的scripts 部分添加以下内容：

...
"scripts": {
    ....
    "compile": "./node_modules/.bin/tsc"
    ....
}
...

执行npm run compile 后，您的项目中应该有一个dist 目录。

现在要执行您的测试，您需要将conf.js 中的测试文件的路径调整为：

./dist/sample-test.e2e.ts

到

./dist/sample-test.e2e.js

现在您应该可以再次执行测试了；-)

更新： 安装Typescript 后，您的./node_modules/.bin 目录中有一个可执行文件，您需要将*.ts 文件编译为*.js。