2

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

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

当它被 webpack 处理时，使用 styl-loader，我得到这个错误：

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

我有这种感觉，我不明白手写笔的某些内容。它会在哪里寻找文件“~quasar-style”？

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

有任何想法吗？

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

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

4

2 回答 2

1

我刚刚解决了这个问题，$ npm install在新克隆中运行时发生在我身上，然后是$ npm update，然后是$ vue upgrade.

注意：我已经安装了Quasar的Vue CLI Quasar Plugin版本，我的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'.

于 2020-01-08T19:00:48.210 回答
0

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

vue add quasar

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

在样式/quasar.variables.sass

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

在样式/quasar.sass 中

// @import '~quasar-styl'

然后将 quasar main sass import 添加到 main.js

import "quasar/dist/quasar.sass"

我得到了解决。

于 2021-09-23T06:42:51.850 回答