Question

我尝试将npm模块用于scss文件。节点波旁。

我收到以下错误：

  with: function() {
var paths  = Array.prototype.slice.call(arguments);
return [].concat.apply([bourbon.includePaths], paths);
}
};

  Invalid CSS after "v": expected 1 selector or at-rule, was "var path =   require("
  in C:\Users\gwk736\GitLab\Inform\node_modules\node-bourbon\index.js (line   1, column 1)
@ ./src/app/header/header.component.ts 20:21-55

我的scss第一行：

@import "~node-bourbon";

我的组件：

import { Component } from 'angular2/core';

@Component({
selector: 'header',
template: require('./header.component.html'),
styles: [ require('./header.component.scss') ]
})
export class HeaderComponent {
headerTitle: string = 'title';
}

Answer 1

假设您使用的是webpack，那么您应该使用loader作为sass-loader（https://github.com/jtangelder/sass-loader）等scss。

检查此项目：https://github.com/fraserxu/webpack-bourbon-test

Answer 2

原来，node-sass版本7存在问题。

我在这里发布了两种可能的解决方法：https://stackoverflow.com/a/51502840/2212881

我无法在项目中使用node-bourbon

2 个答案: