Angular 将全局变量导入本地组件

Angular 将全局变量导入本地组件,angular,less,angular-cli,Angular,Less,Angular Cli,angular cli的文件夹结构是 MyApp/ src style/ page/ normalize.less styles.less 我的angular-cli.json包含 "app":{ "styles": [ "./style/styles.less ] } 我无法在无组件中导入任何less 例子 组件中 //app/login/login.component.less

angular cli的文件夹结构是

MyApp/
    src
    style/
        page/
            normalize.less
            styles.less
我的angular-cli.json包含

"app":{
    "styles": [
       "./style/styles.less
    ]
}
我无法在无组件中导入任何less 例子 组件中

//app/login/login.component.less
@import 'normalize'
@import './normalize'
@import 'style/normalize'
//none of the above works

仔细检查您的文件路径。您的路径应如下所示

"app":{
    "styles": [
       "./style/page/styles.less
    ]
}
关于进口正常化,

通过
npm i normalize.css安装normalize.css,并将其路径添加到
app[0]。样式


路径可能是
。/node\u modules/normalize.css/normalize.css
。确保使用node_模块仔细检查文件路径。您的路径应如下所示

"app":{
    "styles": [
       "./style/page/styles.less
    ]
}
关于进口正常化,

通过
npm i normalize.css安装normalize.css,并将其路径添加到
app[0]。样式

路径可能是
。/node\u modules/normalize.css/normalize.css
。确保使用节点\ U模块