Question

我正在尝试使用带有angular2的LESS。我在index.html中导入了less.js. 并在组件中使用以下命令

less.modifyVars({
                '@currentTheme-bar': '@quote-bar',
                '@currentTheme-button': '@quote-button'
            });

我收到错误找不到姓名＆＃39; less＆＃39;

所以我尝试将js导入到这样的组件中，但它不起作用

import { Component } from '@angular/core';
import '../../js/less.min.js'

declare var Handsontable: any;

@Component({
  selector: 'advertiser',
  templateUrl: "/templates/advertiser.html"
})



export class AdvertiserComponent {

    quote(){

        if(document.getElementById("quote").innerHTML == "New Quote") {
            less.modifyVars({
                '@currentTheme-bar': '@quote-bar',
                '@currentTheme-button': '@quote-button'
            });
            less.refreshStyles();
------
---------

Answer 1

看起来解决这个问题的方法就是创建一个虚拟变量，以便打字稿可以找到它。我删除了import语句并添加了以下内容：

declare var less:any;

在angular2组件中使用LESS

1 个答案: