10-1前端项目初始化一课,加入bootstrap样式报错

来源:10-1 前端项目初始化:使用Vue全家桶+Bootstrap创建项目

慕数据8524399

2023-07-14

添加了样式会报错,项目可以启动起来,但是网址请求的时候,就会报错。请教可能哪里出现问题呢。报错内容如下:

src\styles\basic.scss 12:9 @import
PS D:\nestjs\nestjs_brain_front> pnpm dev

nestjs_brain_front@0.0.0 dev D:\nestjs\nestjs_brain_front
vite

VITE v4.4.3 ready in 354 ms

➜ Local: http://127.0.0.1:4000/
➜ Network: use --host to expose
➜ press h to show help
15:18:49 [vite] Internal server error: [sass] Undefined variable.

55 │ “primary”: $primary-text-emphasis-dark,
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules.pnpm\bootstrap@5.3.0_@popperjs+core@2.11.8\node_modules\bootstrap\scss_maps.scss 55:16 @import
src\styles\basic.scss 12:9 @import
src\styles\variables.scss 12:9 @import
src\styles\root.scss 1:9 root stylesheet
Plugin: vite:css
File: D:\nestjs\nestjs_brain_front\node_modules.pnpm\bootstrap@5.3.0_@popperjs+core@2.11.8\node_modules\bootstrap\scss_maps.scss:55:16
Error: Undefined variable.

55 │ “primary”: KaTeX parse error: Expected 'EOF', got '│' at position 34: …sis-dark, │̲ …protected (D:\nestjs\nestjs_brain_front\node_modules\sass\sass.dart.js:3907:15)
at _wrapJsFunctionForAsync_closure.callKaTeX parse error: Expected 'EOF', got '\nestjs' at position 6: 2 (D:\̲n̲e̲s̲t̲j̲s̲\nestjs_brain_f…body$_EvaluateVisitor0 (D:\nestjs\nestjs_brain_front\node_modules\sass\sass.dart.js:73783:16)
at EvaluateVisitor2.visitVariableExpression$1 (D:\nestjs\nestjs_brain_front\node_modules\sass\sass.dart.js:73757:19)
at VariableExpression0.accept$1$1 (D:\nestjs\nestjs_brain_front\node_modules\sass\sass.dart.js:102029:22)
at VariableExpression0.accept$1 (D:\nestjs\nestjs_brain_front\node_modules\sass\sass.dart.js:102032:19)
at D:\nestjs\nestjs_brain_front\node_modules\sass\sass.dart.js:74323:47
[sass] Undefined variable.

55 │ “primary”: $primary-text-emphasis-dark,
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^

node_modules.pnpm\bootstrap@5.3.0
@popperjs+core@2.11.8\node_modules\bootstrap\scss_maps.scss 55:16 @import
src\styles\basic.scss 12:9 @import
src\styles\variables.scss 12:9 @import
src\styles\root.scss 1:9 root stylesheet

写回答

2回答

ajax0769

2023-12-18

在styles/basic.scss文件内添加

@import "~bootstrap/scss/variables-dark";

0
0

Brian

2023-07-16

 “primary”: $primary-text-emphasis-dark,

这里有一个sass的变量,没有找到定义的位置!!


vite找了很多位置

node_modules.pnpm\bootstrap@5.3.0_@popperjs+core@2.11.8\node_modules\bootstrap\scss_maps.scss 55:16 @import
src\styles\basic.scss 12:9 @import
src\styles\variables.scss 12:9 @import
src\styles\root.scss 1:9 root stylesheet
Plugin: vite:css


你看看,是不是写漏掉了?

0
4
见信
回复
Brian
我也碰到了这个问题,是由于bootstrap和@popperjs版本引起的,换成课程里面的版本就不会有这问题了
2023-12-13
共4条回复

NestJS 入门到实战 前端必学服务端新趋势

近几年快速发展的Node.js框架,掌握未来前端工程师后端开发能力

569 学习 · 238 问题

查看课程