我有一个svelte应用程序，是由SvelteKit构建的。它在本地和本地Docker映像中运行良好，但在Gitlab CI中失败。
这是我的gitlab-ci.yml
image: node:16.15.0-alpine
stages:
- build
- lint
- test
install:
stage: build
script:
- cd frontend/
- npm ci
artifacts:
paths:
- frontend/
only:
- merge_requests
format-and-lint:
stage: lint
needs: [install]
script:
- cd frontend/
- npm run format
- npm run lint
artifacts:
paths:
- frontend/
only:
- merge_requests
# --------------- This step always fails ---------------
cypress:
stage: test
needs: [format-and-lint]
script:
- cd frontend/
- npm run build
- npm run preview
- npx cypress run --spec "cypress/integration/lehrenden-eintragung/*"
artifacts:
paths:
- frontend/
only:
- merge_requests
# -----------------------------------------------------
vitest:
stage: test
needs: [format-and-lint]
script:
- cd frontend/
- npm run test
artifacts:
paths:
- frontend/
only:
- merge_requests我的package.json看起来是这样的：
{
"bezeichnungLang": "llp-frontend",
"version": "1.0.0",
"type": "module",
"scripts": {
"dev": "svelte-kit dev",
"build": "svelte-kit build",
"package": "svelte-kit package",
"preview": "svelte-kit preview",
"prepare": "svelte-kit sync",
"check": "svelte-check --tsconfig ./tsconfig.json --compiler-warnings \"css-unused-selector:ignore\"",
"check:watch": "svelte-check --tsconfig ./tsconfig.json --watch",
"lint": "prettier --ignore-path .gitignore --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
"format": "prettier --ignore-path .gitignore --write --plugin-search-dir=. .",
"test": "vitest run",
"coverage": "vitest run --coverage"
},
"devDependencies": {
"@sveltejs/adapter-auto": "^1.0.0-next.40",
"@sveltejs/kit": "^1.0.0-next.323",
"@testing-library/jest-dom": "^5.16",
"@testing-library/svelte": "^3.1",
"@testing-library/user-event": "^14.0",
"@tsconfig/svelte": "^3.0",
"@types/bootstrap": "^5.1.9",
"@types/jest": "^27.4",
"@types/testing-library__jest-dom": "^5.14",
"@typescript-eslint/eslint-plugin": "^5.18",
"@typescript-eslint/parser": "^5.18",
"bootstrap": "^5.1",
"cypress": "^9.6.1",
"eslint": "^8.14",
"eslint-config-prettier": "^8.5",
"eslint-plugin-cypress": "^2.12.1",
"eslint-plugin-svelte3": "^3.4",
"jsdom": "^19.0",
"popper.js": "^1.16",
"prettier": "^2.6",
"prettier-plugin-svelte": "^2.7",
"purgecss-from-svelte": "^2.0",
"simple-svelte-autocomplete": "^2.4.0",
"source-map-support": "^0.5",
"svelte": "^3.46",
"svelte-check": "^2.4",
"svelte-preprocess": "^4.10",
"ts-node": "^10.7",
"ts-replace-all": "^1.0",
"tslib": "^2.3",
"typescript": "^4.6.4",
"vitest": "^0.10",
"vitest-svelte-kit": "^0.0"
},
"babel": {
"plugins": [
"@babel/plugin-proposal-class-properties"
],
"presets": [
[
"@babel/preset-env"
]
]
},
"browserslist": [
"since 2017-06"
],
"dependencies": {
"sass": "^1.52.2",
"vite": "^2.9.9"
}
}如果出现以下错误，GitlabCI将失败：
Using docker image sha256:e5065cc780745864eeee3280fe347b33e90961c98c7d3e14d5b660e16aef24ce for node:16.15.0-alpine with digest node@sha256:1a9a71ea86aad332aa7740316d4111ee1bd4e890df47d3b5eff3e5bded3b3d10 ...
$ cd frontend/
$ ls
convertTestData.js
cypress
cypress.json
node_modules
package-lock.json
package.json
setupTestEnvironment.ts
src
static
svelte.config.js
tsconfig.json
vite.config.ts
vitest.config.js
$ npm run build
> build
> svelte-kit build
8:59:30 PM [vite-plugin-svelte] hmr is enabled but compilerOptions.dev is false, forcing it to true
8:59:30 PM [vite-plugin-svelte] options.hot is enabled but does not work on production build, forcing it to false
8:59:30 PM [vite-plugin-svelte] you are building for production but compilerOptions.dev is true, forcing it to false
vite v2.9.12 building for production...
transforming...
✓ 1 modules transformed.
[vite-plugin-svelte] /builds/llp/llp/frontend/src/routes/__layout.svelte:32:1 The keyword 'let' is reserved
file: /builds/llp/llp/frontend/src/routes/__layout.svelte:32:1
30 |
31 | function create_fragment(ctx) {
32 | let div3;
^
33 | let div2;
34 | let div0;
> /builds/llp/llp/frontend/src/routes/__layout.svelte:32:1 The keyword 'let' is reserved
at error (file:///builds/llp/llp/frontend/node_modules/svelte/compiler.mjs:17716:19)
at Parser$1.error (file:///builds/llp/llp/frontend/node_modules/svelte/compiler.mjs:17792:9)
at Parser$1.acorn_error (file:///builds/llp/llp/frontend/node_modules/svelte/compiler.mjs:17786:14)
at read_expression (file:///builds/llp/llp/frontend/node_modules/svelte/compiler.mjs:8652:16)
at mustache (file:///builds/llp/llp/frontend/node_modules/svelte/compiler.mjs:17475:28)
at new Parser$1 (file:///builds/llp/llp/frontend/node_modules/svelte/compiler.mjs:17751:21)
at parse$3 (file:///builds/llp/llp/frontend/node_modules/svelte/compiler.mjs:17883:20)
at compile (file:///builds/llp/llp/frontend/node_modules/svelte/compiler.mjs:32265:17)
at compileSvelte2 (file:///builds/llp/llp/frontend/node_modules/@sveltejs/vite-plugin-svelte/dist/index.js:351:20)
at async Object.transform (file:///builds/llp/llp/frontend/node_modules/@sveltejs/vite-plugin-svelte/dist/index.js:1791:25)
Cleaning up project directory and file based variables
00:01
ERROR: Job failed: exit code 1管道中的所有其他步骤运行良好，并无错误地完成。请帮帮我！
回答 2
Stack Overflow用户
回答已采纳
发布于 2022-06-17 00:33:01
解决方案是指定sveltejs/kit的确切版本。构建在版本1.0.0-next.350上失败，但在1.0.0-next.323上运行良好。不知何故，除了具有相同的节点版本之外，在管道中安装了1.0.0-next.350版本。
Stack Overflow用户
发布于 2022-06-16 17:43:13
此错误主要来自于[vite-plugin-svelte]，它无法在__layout.svelte组件上转换第32行。
function create_fragment(ctx) {
let div3;
^
let div2;
let div0;
/builds/llp/llp/frontend/src/routes/__layout.svelte:32:1 The keyword 'let' is reserved尝试升级以下依赖项：
@sveltejs/kit (这是vite内置的，不需要额外的依赖)
svelte和相关的依赖项。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72623657
复制
腾讯云开发者
