SassError:找不到要导入的样式表。'~@swimlane/ngx-datatable/themes/bootstrap.scss'；@ -> @import
SassError:找不到要导入的样式表。'~@swimlane/ngx-datatable/themes/bootstrap.scss'；@ -> @import
提问于 2022-11-11 14:52:32
我在我的一个角度项目中使用@swimlane/ngx-datatable，当我在本地系统上执行ng build --configuration=myconfig时，它构建时没有任何错误，甚至通过执行ng serve运行良好。
问题是，当我尝试在Github操作上运行相同的命令时，它会失败，出现以下错误：
./src/styles.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
13 │ @import '~@swimlane/ngx-datatable/themes/bootstrap.scss';
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/styles.scss 13:9 root stylesheet
at processResult (/home/runners/actions-runner/_work/ui/ui/node_modules/webpack/lib/NormalModule.js:713:19)
at /home/runners/actions-runner/_work/ui/ui/node_modules/webpack/lib/NormalModule.js:819:5
at /home/runners/actions-runner/_work/ui/ui/node_modules/loader-runner/lib/LoaderRunner.js:400:11
at /home/runners/actions-runner/_work/ui/ui/node_modules/loader-runner/lib/LoaderRunner.js:252:18
at context.callback (/home/runners/actions-runner/_work/ui/ui/node_modules/loader-runner/lib/LoaderRunner.js:124:13)
at Object.callback (/home/runners/actions-runner/_work/ui/ui/node_modules/sass-loader/dist/index.js:54:7)
at Worker.<anonymous> (/home/runners/actions-runner/_work/ui/ui/node_modules/@angular-devkit/build-angular/src/sass/sass-service.js:134:25)
at Worker.emit (node:events:513:28)
at MessagePort.<anonymous> (node:internal/worker:236:53)
at MessagePort.[nodejs.internal.kHybridDispatch] (node:internal/event_target:736:20)
Error: Process completed with exit code 1.我在我的styles.scss文件中导入了用于datatable的所有scss文件，如下所示：
@import '~@swimlane/ngx-datatable/index.css';
@import '~@swimlane/ngx-datatable/themes/bootstrap.scss';
@import '~@swimlane/ngx-datatable/themes/material.scss';
@import '~@swimlane/ngx-datatable/themes/dark.scss';
@import '~@swimlane/ngx-datatable/assets/icons.css';以下是我的角配置：
"@swimlane/ngx-datatable": "^20.0.0",
---
---
"@angular-devkit/build-angular": "~12.2.7",
"@angular/cli": "~12.2.7",
"@angular/compiler-cli": "~12.2.0",
---
---
node version: 16.17.1我可以在本地机器的node_modules中看到scss文件的路径。我怎样才能解决这个问题？提前谢谢。:)
回答 1
Stack Overflow用户
发布于 2022-11-12 10:38:07
引导css是否包含在您的angular.json中？它应该是这样的：
"projects": {
"your-project": {
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
...
"styles": [
"./node_modules/path/to/css/bootstrap.css",
"src/styles.scss"
]
}
}
}
}
}尽管这并不能真正解释为什么构建过程不会在本地失败。你确定你在运行完全相同的命令吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74404288
复制相关文章
相似问题
腾讯云开发者
