触笔语法 - 导入从何而来?

Question

我有一个名为"quasar.styl"的文件：

@import './quasar.variables'
@import '~quasar-styl'

当它被 webpack 使用样式加载器处理时，我收到此错误：

failed to locate @import file ~quasar-styl.styl

我有一种感觉，关于手写笔，我有些不明白。 它会在哪里寻找文件"~类星体风格"？

这个文件来自一个工作的样板类星体应用程序，并且在应用程序目录中的任何地方都没有一个名为quasar-style的文件，尤其是不是 node_modules，这是我收集波浪号告诉它查看的地方。

有什么想法吗？

更新：我在这里上传了类星体样板项目：https://repl.it/@jmbldwn/Quasar-Boilerplate-2

它不能在 repl.it 上运行，因为它需要类星体 cli，但你可以在那里看到它生成的所有文件。

Answer 1

我正在使用 vue3 + vite + quasar 运行后将类星体添加到项目时出现相同问题

vue add quasar

我只是注释掉了这两行(可能由 vue cli 自动添加，这是不正确的(

in styles/quasar.variables.sass

//@import '~quasar-variables-styl'

和风格/类星体.sass

// @import '~quasar-styl'

然后将类星体主屁股导入添加到主.js

import "quasar/dist/quasar.sass"

我修好了。

Answer 2

我刚刚解决了这个问题，在$ npm install新克隆中运行时，我遇到了这个问题，然后是$ npm update，然后是$ vue upgrade。

注意：我已经安装了 Vue CLI 类星体插件版本的类星体，我的quasar.js配置文件以

import Vue from 'vue';
import '@/styles/quasar.styl';

溶液

1. 在src/styles/quasar.variables.styl文件中，删除行@import '~quasar-variables-styl'，该行应靠近底部。

2. 在src/styles/quasar.styl文件中，将行@import '~quasar-styl'替换为@import '~quasar/dist/quasar.styl'。

Answer 3

我刚刚通过导入@import url("quasar/dist/quasar.sass"(来修复此错误

在我的类星体.变量.scss 文件中

It's highly recommended to change the default colors
to match your app's branding.
$primary   : #027BE3;
$secondary : #26A69A;
$accent    : #9C27B0;
$dark      : #1D1D1D;
$positive  : #21BA45;
$negative  : #C10015;
$info      : #31CCEC;
$warning   : #F2C037;
@import url("quasar/dist/quasar.sass")