Bootstrap & angular 8. _root.scss中未定义的变量
在Bootstrap和Angular 8中，_root.scss文件是一个特殊的文件，用于定义全局的样式变量。如果在_root.scss中使用了未定义的变量，会导致编译错误或样式渲染问题。
要解决这个问题，可以按照以下步骤进行操作：
- 确保在_root.scss文件中定义了所有需要使用的变量。可以根据具体需求定义颜色、字体、边距等样式变量，并赋予相应的值。
- 在使用未定义变量的地方，检查是否有拼写错误或者变量名错误。确保变量名的大小写和定义的一致。
- 如果在Angular项目中使用了Bootstrap，可以在项目的styles.scss文件中导入Bootstrap的样式文件。确保正确导入了Bootstrap的样式文件，以便使用Bootstrap提供的样式类和变量。
- 如果问题仍然存在，可以尝试重新编译项目，或者检查是否有其他样式文件覆盖了_root.scss中定义的变量。
总结起来，解决_root.scss中未定义的变量的问题需要确保在该文件中定义了所有需要使用的变量，并检查变量名的拼写和大小写是否正确。此外，还需要正确导入Bootstrap的样式文件，并排除其他样式文件的干扰。
相关·内容
1回答
看起来生成的项目已经有了很多颜色变量，比如--bs-body-bg。Dev.tools说它在_root.scss中，但是这个文件似乎不存在，我怀疑它在bootstrap.in.css中。我可以定制那些现有的颜色变量吗？
浏览 4提问于2022-11-16得票数 0
回答已采纳
我刚刚下载了引导程序4 beta 2版本，但是当我尝试用我的Koala编译器编译(原始) boostrap.scss文件时，我得到了这个错误。
错误: scss/_root.scss第4行中"...lor}：#{$value}“之后的CSS无效:预期的"{"，CSS ";”
来自scss\bootstrap.scss的第11行
使用--回溯追踪。
我是_root.scss
:root {
// Custom variable values only support SassScript inside `#{}`.
@each $color, $value
浏览 0提问于2017-10-26得票数 7
回答已采纳
当我使用requirejs (v2.1.13)包含log4javascript (v1.4.10) js变量时，log4javascript是未定义的，但是，正如我在console中看到的那样，log4javascript.js已成功加载。
以下是我的requirejs配置：
requirejs.config({
'baseUrl': 'resources/js',
'paths': {
'angular': 'libs/angularjs/angular',
'jquery' :
浏览 7提问于2015-01-28得票数 0
回答已采纳
2回答
我最近开始使用Webpack作为前端，在使用模块时遇到了这个问题。
例如，我有两个模块，一个使用另一个(具体地说是它的和)。由于未定义Slider函数，angular-bootstrap-slider无法初始化。
现在我明白了，我既可以全局导出Slider (我使用jquery和angular lib实现了这一点)，也可以在angular-bootstrap-slider中导入Slider (我选择了它)。
这两个选项我都不喜欢，因为全局导出是我想避免使用的事情之一，而导入库中的东西意味着更改它的代码。
那么，我是否遗漏了什么，或者可能有一些处理依赖关系的最佳实践？
浏览 2提问于2016-08-22得票数 1
1回答
我正在尝试让我的第一个真正的MEAN堆栈工作，所以这可能是一个新手的错误。
为什么app.js中的angular模块和controllers.js中的函数仍未定义('Angular‘未定义，'PollListCtrl’未定义，等等)
首先要感谢大家！
这是index.jade
extends layout
doctype html
html(lang='en', ng-app='polls')
block content
p Welcome to #{title}
head
meta(charset='
浏览 1提问于2014-11-25得票数 0
当我尝试使用cosmicjs为我的angular 6应用程序提供服务时，我得到了以下错误：
Uncaught ReferenceError: process is not defined
at Object../node_modules/cosmicjs/dist/index.js (index.js:6)
at __webpack_require__ (bootstrap:81)
at Object../src/app/app.component.ts (main.js:94)
at __webpack_require__ (bootstrap:81)
浏览 2提问于2018-05-13得票数 24
1回答
我使用教程中的一些代码创建了一个小型AngularJS项目，并对其进行了一些小的更改。但是，当我与undefinedError集成时，todo1是未定义的
服务器
@app.route("/register")
def registeredDevices():
return render_template('register.html')
客户端
register.html
<head>
<link data-require="bootstrap-css@2.3.2" data-semver="2.3.2
浏览 1提问于2014-07-17得票数 0
回答已采纳
我正在尝试使用将集成到中，参见ng-hello 。
当页面加载时，我得到的错误是：
未定义的ReferenceError: helloProvider未定义(匿名函数)@ dashboard.min.js:2
我已经在bower.json中包含了Hello和ng-hello，并成功地安装了，这些复制到
src/components/hello
src/components/ng-hello
rdash定义的应用程序结构将供应商脚本小型化，并在lib/js/main.min.js文件中引用它们，然后在文件js/dashboard.min.js中缩小和引用应用源文件。
in
浏览 4提问于2015-09-03得票数 1
回答已采纳
4回答
我正在尝试使用角度图，但我不知道如何正确地添加依赖项。我得到了以下错误：Uncaught TypeError:无法读取角图in中未定义的的属性‘默认值’。
(function (factory) {
'use strict';
if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['angular', 'chart.js'], factory
浏览 9提问于2015-05-25得票数 5
回答已采纳
我使用的是Angular 2RC5版本。在我的angular 2应用程序中，我使用了system.config.js，因为我映射了ng2-boostrap包，如下所示
var map={
'ng2-bootstrap/ng2-bootstrap': 'node_modules/ng2-bootstrap/ng2-bootstrap',
}
在app模块文件中，我像下面这样导入它
import {PopoverModule } from 'ng2-bootstrap/ng2-bootstrap';
@NgModule({
imports:
浏览 1提问于2017-03-22得票数 0
1回答
I在中出现了错误
./src/styles/theme/bootstrap.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/styles/theme/bootstrap.scss)
Module build failed (from ./node
浏览 5提问于2020-02-17得票数 1
我知道这是一个被问到的问题，但我似乎找不到合适的方法来设置我的项目。在角12中，我试图设置一个变量文件，以便在所有组件之间共享，而不导入每个scss文件，并且我试图在styles.scss文件中设置它，但它似乎没有正常工作。我得到了一个“未定义变量”错误。
我的变量文件：
$primary-color: #efefef;
$light-color: #454758;
$main-font: #ACADB4;
$main-font-regular: #6E707D;
$main-font-light: #3c3c3c;
$rich-black: #001011;
$primary-white:
浏览 9提问于2021-12-25得票数 2
1回答
以下是我的任务：
加载@ng-引导/ng-使用npm安装引导-保存@ng-引导/ng-引导
Loadig @ng-bootstrap/ng-通过systemjs引导(我可以在Safari的加载资源中看到ng-bootstrap.js！)，我还尝试了几个具有相同结果的组合。
导入主模块:从‘@ng-引导/ng-引导’导入{ NgbModule }；
在导入主模块中调用NgbModule.forRoot()
错误:未定义不是对象(计算'ng_bootstrap_1.NgbModule.forRoot')
我已经尝试过console.log(NgbMo
浏览 3提问于2017-07-19得票数 1
1回答
我试图在角2中创建一个简单的指令，它突出了html元素中的内容。
这是我的代码：
main.ts
import {bootstrap} from '@angular/platform-browser-dynamic';
import {Component} from '@angular/core';
import {HighLightCmp} from "./highlight.component";
@Component({
selector: 'app',
template: `
<div h
浏览 1提问于2016-06-16得票数 1
回答已采纳
这段代码：
if (window.angular.bootstrap) {
//AngularJS is already loaded, so we can return here...
console.log('WARNING: Tried to load angular more than once.');
return;
}
包含在AngularJS版本1.2.26中，并导致IE出现问题。错误消息是“控制台未定义”。我的修正就是删除console.log？
window.angular.bootstrap的含义是什么？
浏览 3提问于2014-10-14得票数 0
回答已采纳
当我添加一个库(在我的例子中是jplayer)时，我得到了错误
外部"vendor_d73928c…“:1未定义的ReferenceError: vendor_d73928c989153b363873
在文件module.exports = vendor_d73928c989153b363873中的webpack:///external "vendor_d73928c989153b363873"行
下面是我的代码(添加供应商jplayer)。
entry: {
vendor: [
'bootstrap',
浏览 2提问于2016-07-28得票数 6
回答已采纳
我有一个像这样的角组件：
export class TestComponent implements OnInit {
@Input() TestData: TestObject[];
constructor(private dialogService: DialogService) { }
ngOnInit() {
this.RenderTreeView();
$('#treeviewStandard').treeview('collapseAll', { silent: true });
浏览 3提问于2017-11-03得票数 0
回答已采纳
1回答
我有一个角度应用的问题。我在用保龄球。在启动服务器时，有时会收到以下错误：
未知错误：$injector:modulerr未能实例化模块myApp，原因是:错误：$injector:modulerr无法实例化模块ui.router，原因是:错误：$injector:nomod模块'ui.router‘不可用！你要么拼错了模数.
然后我有时会遇到这样的错误：
Uncaught :意外标识符angular.js:573
未定义的TypeError:无法读取未定义的角-route.js:24的属性“模块”
Uncaught :意外令牌非法的角-ui-router.js:455
未定
浏览 4提问于2014-08-05得票数 0
回答已采纳
1回答
当我按下我的按钮签入引导模式时，我想在我的控制台中打印我的文本框的值。但是我的文本框返回一个未定义的。看起来所有的代码都运行得很完美。
这是链接
<!doctype html>
<html ng-app="app" ng-controller="ModalDemoCtrl">
<head>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
浏览 2提问于2014-09-23得票数 3
回答已采纳
1回答
我将toastr.js与require.js一起加载到我的角度项目中，但是它不能作为全局变量使用。
这是main.js：
require.config({
baseUrl: 'js',
paths: {
domReady: '../lib/requirejs-domready/domReady',
jquery: '../lib/jquery/jquery',
jqueryValidate: '../lib/jquery.validation/jquery.validate',
unders
浏览 3提问于2014-01-27得票数 2
回答已采纳
我现在遇到了一个问题，ngx-引导运行与Karma。问题是“Chrome57.0.2987(Windows100.0.0)错误未定义的node_modules/ngx-bootstrap/bundles/ngx-bootstrap.umd.js:8087”：TypeError:无法读取未定义的属性“
我使用角4.0.0和“ngx-引导”："^1.6.6“。这是我的配置
1. package.json
"dependencies":
{
"@angular/common": "~4.0.0",
....
浏览 2提问于2017-04-25得票数 1
1回答
我试图将HTML输入标记中的用户输入值保存到一个变量中，这样我就可以使用它来执行一些功能了。但是，当我尝试使用ngModel进行数据绑定时，我会对输入值的变量进行未定义。守则如下：
HTML
<ion-grid>
<ion-row justify-content-center>
<ion-col >
<ion-img id="luxeticLogo" src ="../../assets/luxeticLogo.JPG"> </ion-img>
浏览 2提问于2020-07-19得票数 0
我在$routeProvider中创建了一个自定义的键值对，当我尝试在我的控制器中访问这个键时，它没有工作，并且显示为未定义的。下面是我的代码
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
浏览 1提问于2017-07-18得票数 0
回答已采纳
我正在构建我的角应用程序，使用require.js、angular.js和ange-route.js。
我的main.js如下：
require.config({
// alias libraries paths
paths: {
'angular': 'libs/angular',
'domReady': 'libs/domReady',
'angularRoute': 'libs/angular-route'
},
// angular does not s
浏览 2提问于2015-07-27得票数 1
我已经在我的Angular应用程序中实现了延迟加载。从app.routes文件中，我加载了Login和Dashboard模块，直到现在，使用延迟加载一切都很好。在尝试使用loadChildrens将其他子路由加载到dashboard.routes时，我遇到了问题。
app.module
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './a
浏览 24提问于2019-08-03得票数 3
我在bootstrap.ts中包含了appcomponent，但仍未定义令牌，这导致出现错误"Token appComponent be defined“
这是我的appComponent.ts文件
'use strict'
import {Component} from '../../angular2/core';
@Component({
selector: 'app',
templateUrl: 'components/app/app.html'
})
export class appComponent
浏览 2提问于2016-01-26得票数 1
我正在尝试使用引导，但我不能--这是我的app.js
我想在我的用户模块中使用引导程序
angular.module('Authentication', []);
angular.module('Home', []);
angular.module('menuBar',[])
angular.module('register',[])
angular.module('register',[])
angular.module('UserValidation'
浏览 0提问于2016-07-12得票数 3
回答已采纳
我使用的是angular.js 1.2.13。我正在使用一个第三方工具，它使用angular.js，为了在我的项目中集成，我在angular.js文件中使用了angular.js代码。
为了获取作用域数据，我在HTML元素上使用了.scope()。它在chrome和mozilla中运行良好，但在IE9上，angular.element('#someId').scope()返回的是未定义的。
我已经调试并发现angular.element('#someId')正在返回预期的元素，但是.scope()正在返回未定义的元素。
在angular.js的网站上，写着1.2
浏览 0提问于2015-12-24得票数 1
3回答
我继承了一些AngularJS代码。它有这个
function MainCtrl($scope)
{
// code goes here
};
angular
.module('inspinia')
.controller('MainCtrl', MainCtrl)
现在，我想添加一个自定义控制器，它将数据报警器和时间选择器组合到一个控件中。GitHub项目是，有一个演示Plunk 。
演示朋克将其控制器声明为
var app = angular.module('app', ['ui.bootstrap',
浏览 4提问于2016-03-22得票数 0
1回答
这似乎很容易，但相信我，我几乎浪费了我的4个小时，但仍然没有发现其中的问题。非常简单的设置，安装所有与保龄球，如需要角domReady引导fontawesome..etc。
对不起，如果我忘了添加一些东西，这是我第一次设置角度与要求。
它给我看了两个错误：
1) ReferenceError:未定义要求
require.config({
//此错误在rconfig.js中
2) ReferenceError:未定义//此错误在require.js本身中
<!doctype html>
<html>
<head>
<link rel=&#
浏览 0提问于2015-02-21得票数 1
回答已采纳
在ngOnInit()函数中，我从服务接收数据，以便在整个component.It的其余部分中使用，在订阅之外的任何地方都是未定义的。我不知道为什么。
import { Component, OnInit, Renderer2, HostListener,ViewChild, TemplateRef, Inject} from '@angular/core';
import { DOCUMENT } from '@angular/common';
import { NgbModalOptions, NgbModal } from '@ng
浏览 5提问于2020-04-28得票数 0
我的角2应用程序给出了以下错误：
main.ts :138个错误:提供未定义
这是我的代码：
import {bootstrap} from 'angular2/platform/browser';
import {AppComponent} from './app';
import {ROUTER_PROVIDERS,ROUTER_DIRECTIVES} from 'angular2/router';
import {PLATFORM_DIRECTIVES} from 'angular2/core';
boot
浏览 4提问于2016-04-25得票数 4
回答已采纳
1回答
我用的是带有引导带4的角度CLI。经过一些痛苦的设置后，我已经准备好了。一旦“ng serve”完成了内存中的构建，我打开了应用程序，在检查了一些元素之后，我注意到引导类多次出现。
在检查<head>之后，我可以看到有<style>元素(3x)，它们都包含引导类。
我的应用程序设置如下：
- SRC
|- APP
| |- TOOLBAR
| | |- toolbar.component.scss
| |- app.component.scss
|- app.scss
|- variables.scss
在var
浏览 0提问于2017-05-19得票数 0
回答已采纳
在更新到角5:控制台错误："ERROR TypeError:无法读取未定义的HttpInterceptorHandler.handle (http.js:1777).‘的属性“之后，我们得到了错误。
未处理的承诺拒绝:无法读取未定义的属性的‘拦截’；区域：；任务: Promise.then；值: TypeError:无法读取未定义的属性‘截获’“
服务代码
import { Injectable } from '@angular/core';
import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest }
浏览 2提问于2017-11-09得票数 1
回答已采纳
1回答
我正在使用Angular+2和bootstrap 4.3.X，我想对bootstrap scss重新设置样式/重新设置主题。我想用Angular以最好的方式实现这一点。
我知道这可能只通过scss来完成。
[scss only]
angular.json
"styles": [
"src/styles.scss"
],
styles.scss
$theme-colors: ( "primary": #f700ff );
@
浏览 4提问于2019-08-08得票数 0
1回答
我一直在尝试在我的一个应用程序中使用角形数据采集器。我正在遵循这一链接：
安装了模块。
在控制器中写入依赖项。
使用脚本标记在..html/..ejs文件中添加依赖项。
<script src="jquery/dist/jquery.min.js"></script>
<script src="jquery-ui/jquery-ui.js"></script>
<script src="angular/angular.min.js"></script>
浏览 2提问于2017-01-23得票数 1
回答已采纳
我试图对我的另一个本地主机服务器进行REST Api调用，我提供了以下服务：
import {Injectable} from 'angular2/core';
import {Http} from 'angular2/http';
import {GlobalService} from '../app.service';
@Injectable()
export class AuthenticationService {
constructor(private _globals: GlobalService) {}
const
浏览 5提问于2016-04-23得票数 5
回答已采纳
1回答
SCRIPT5007:无法获取未定义或为null的引用bootstrap.min.js的属性'fn‘(6,2004)
我正在使用
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
我的应用程序是基于Angular4的
浏览 5提问于2018-08-07得票数 1
回答已采纳
我正在加载angular应用程序，使用的是requirejs和用main.html编写的ng-controller，它直接加载，但未定义
app.js
define(['sfongApp', 'ng-grid', 'angular-bootstrap'], function() {
var sfongApp = angular.module('sfongApp', [ 'ngRoute', 'ngAnimate', 'ngSanitize', 'ui.bootstra
浏览 1提问于2015-06-22得票数 0
试图使用引导4拉点菜在我的角度6应用程序，如这样在我的angular.json文件.
"styles": [
"node_modules/bootstrap/scss/_functions.scss",
"node_modules/bootstrap/scss/_variables.scss",
"node_modules/bootstrap/scss/_mixins.scss",
"src/styles.scs
浏览 3提问于2018-11-12得票数 13
我是angular的新手，所以我有这个问题。 {{student.name}} 我得到了这个错误 无法在PaginatePipe.push../node读取未定义的属性“”totalItems“”_modules/ngx-pagination/dist/ngx-pagination.js.PaginatePipe.transform 组件代码： public students= [];
public len;
ngOnInit() {
this.serverService.getStudents().subscribe(
data => {
this
浏览 59提问于2018-10-11得票数 0
我正在使用开发火狐扩展，并试图在AngularJS文件中使用一些AngularJS服务。我使用require()来包含相关模块，使用angular.bootstrap()来初始化模块。
但是，我总是收到以下错误：
引用错误:未定义窗口
我还能做些什么吗？
浏览 3提问于2012-09-13得票数 1
我正在开发一个单页面的angularjs app和im，分别使用grunt和bower作为开发服务器和依赖注入。我的应用程序在第一次从"grunt serve“命令加载时运行良好，但是当我刷新页面时，我得到一个未捕获类型和引用错误的字符串，并且应用程序无法加载：
未捕获的RangeError:最大调用堆栈大小已超过jquery-ui.js:14未捕获的ReferenceError: jQuery不是defined$.ui @jQuery-ui.js:14(匿名函数)@ jquery-ui.js:16 (索引)：1未捕获的RangeError:最大调用堆栈大小已超过bootstrap.j
浏览 0提问于2015-08-21得票数 0
1回答
所以我创建了一个简单的app.js
var app = angular.module('app', ['ngRoute', 'ngResource']);
app.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'html/home.html',
});
});
但是当我创建一个单独的文件routes.js
app.config(function ($ro
浏览 0提问于2015-08-23得票数 0
回答已采纳
1回答
我正在尝试运行角日历组件的正式示例：。
但是，我得到了错误：scope.calendar.fullCalendar：undefined不是一个函数，显然函数TypeError是未定义的。
以下是我包含的JS文件：
<script src="../public/components/angular/angular.js"></script>
<script src="../public/components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
&
浏览 2提问于2014-05-01得票数 0
我试图用coffeescript在rails项目中创建多个文件来管理和重构我的角度代码。我认为coffeescript使我的角对象无法在文件之间访问，但不确定。档案结构：
javascripts
|-Angular
|-controllers
| |-search_strl.js.coffee
|-main.js.coffee
|-application.js
在application.js：//= require_tree ./angular中
在main.js.coffee：'use strict'; copassApp = angular.module &#
浏览 8提问于2014-05-19得票数 2
回答已采纳
在main.ts中
import { HTTP_PROVIDERS } from '@angular/http';
import { AppComponent } from './app.component';
bootstrap(AppComponent,[HTTP_PROVIDERS]);
在employee.service.ts中
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
i
浏览 2提问于2016-07-11得票数 4
回答已采纳
我正在使用的示例1添加一个引导百分比滑块。我已经安装了引导滑块和npm安装引导滑块.我的component.html看起来就像
following.:
<div class="lastpart">
<div class="lasttext">
Annual % rate of increase:
</div>
<input id="ex1" data-slider-id='ex1Slider
浏览 4提问于2017-08-19得票数 0
1回答
我的档案里没有注射茉莉？
、、、
在经历了许多麻烦之后，我让Jasmine在我的Yeoman/Angular设置上工作。现在，当我运行grunt serve时，我看到一条消息，上面写着Jasmine wasn't injected in your file。此外，在我的浏览器控制台中，我看到Jasmine是未定义的。我检查了问题和线程。在我的index.html和karma.conf.js中手动添加了这些文件，但没有成功。此外，在我执行grunt serve之后，这些地址将从我的index.html文件中删除。我的bower json也有jasmine的入口。以下是我的文件：
karma.conf.js:
// Kar
浏览 1提问于2014-09-16得票数 0
1回答
我正在尝试使用模式。因此，我配置了相当于下面示例的所有内容：
import { ModalModule } from 'ng2-bootstrap/ng2-bootstrap';
@NgModule({
bootstrap: [ AppComponent ],
declarations: [
AppComponent,
...
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
RouterMo
浏览 6提问于2016-11-04得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
