〜符号导入scss正在Angular 6中的node_modules内搜索

时间:2018-05-29 00:18:49

标签: javascript css angular sass

我创建了一个角度项目。如果我使用: @import "~styles/variables"; 在组件内部,并将我的变量文件放在src/styles/variables中,我得到: File to import not found or unreadable: /Users/asaadmahmood/Git/HelloWorld/node_modules/styles/_variables.scss. 但是,如果我在我的node_modules中复制并粘贴styles文件夹,并再次运行该应用程序。它有效。

请注意,指南针也包含在内,表示~符号将其带到node_modules文件夹。 @import "~compass-mixins/lib/compass";

如果我尝试从src文件夹导航到node_modules文件夹,则该功能也不起作用。

我仍然可以使用相对URL导入变量文件,表明文件本身有效。 @import "../../styles/variables.scss";

任何帮助将不胜感激。 (我创建了一个新项目来测试它,以确保我的项目没有搞砸了。)

1 个答案:

答案 0 :(得分:0)

看起来const chai = require('chai'); const expect = chai.expect; const sinon = require('sinon'); const sinon_chai = require('sinon-chai'); const MyClass = require('../index.js'); const sb = sinon.sandbox.create(); chai.use(sinon_chai); describe('MyClass', () => { describe('.constructor(socket)', () => { it('should call the .prototype.on method of the given socket\n \t' + 'passing \'open\' as first param and some function as second param', () => { var socket = { on: (a,b) => {} }; var stub = sb.stub(socket, 'on').returns('whatever'); var inst = new MyClass(socket); expect(stub.firstCall.args[0]).to.equal('open'); expect(typeof stub.firstCall.args[1] === 'function').to.equal(true); }); }); }); @import "src/styles/variables";有效。