我知道这个错误：
模块未找到错误
我做了这个：
在我的import 'vuetify/src/stylus/main.styl'文件中注释掉src/plugins/vuetify.js。
添加import 'vuetify/src/styles/main.sass'
然后是npm install sass-loader
但仍然是暗号
没有找到这些相关模块：
* ../../../../src/stylus/components/_date-picker-table.styl in ./node_modules/vuetify/lib/
浏览 1提问于2019-09-18得票数 0
回答已采纳
在Meteor.js构建器中构建的Stylus编译器给出了以下错误：
cannot perform $line-height-computed * 0.75
at ".table-responsive"
({}/node_modules/bootstrap-styl/bootstrap/tables.styl:147:1)
在构建过程中，尝试编译我在Meteor应用程序中添加的tables.styl npm模块的bootstrap-styl文件。
知道有什么问题吗？我正在使用：
OS X El Capitan上的流星1.4.2.3
引导手写笔3.3.7添加到
浏览 3提问于2016-12-11得票数 0
1回答
这对我来说是一件奇怪的事情，我有一个任务要连接我的.js文件，然后用一个观察者来丑陋它们，但是concat任务只是每个调用中内容的两倍.
这是我的吞咽文件：
'use strict';
let gulp = require('gulp');
let stylus = require('gulp-stylus');
let sourcemaps = require('gulp-sourcemaps');
let concat = require('gulp-concat');
l
浏览 6提问于2016-04-22得票数 1
回答已采纳
我想知道如何在Express.js中构建我的路由。下面是我现在的应用目录：
├── public
│ ├── images
│ ├── javascripts
│ │ ├── showLogin.js
│ │ └── showSignup.js
│ └── stylesheets
│ ├── dash.styl
│ ├── reset.styl
│ ├── space.styl
│ ├── style.css
│ ├── style.styl
│
浏览 5提问于2012-08-03得票数 8
回答已采纳
1回答
我在Meteor中使用Stylus作为css预处理器。
现在我必须给我的所有文件加上“.import.style”后缀，然后手动将它们导入到一个大的"app.styl“文件中。
示例文件：
app.styl
header.import.styl
body.import.styl
app.styl的内容如下：
@import header.import.styl
@import body.import.styl
在Meteor.js中有没有一种更优雅的方法来做这件事呢？
浏览 0提问于2014-12-22得票数 0
我不确定这是否可能，而且似乎找不到任何东西。我已经用手写笔加载器安装了webpack，允许在js模块中直接导入.styl文件。
我面临的问题是，预处理器上下文以单个.styl文件开始和结束。
我希望能够定义全球风格，例如：
// global.styl
$brand-var1 = #000;
$brand-var2 = #FFF;
可以由导入的单个.styl文件依赖：
// my-comp.styl
button {
background-color: $brand-var1;
}
通过js组件
// my-comp.js
import './my-comp.styl'
浏览 5提问于2016-06-15得票数 1
回答已采纳
1回答
我特别尝试在两个子目录中同时观看两种不同的文件类型：
'js‘子目录中的 .coffee文件类型
css子目录中的 .styl文件类型
我只知道这么多bash，我正在尝试让这样的东西发挥作用。
while inotifywait --format %w%f ./{css,js}/*.{styl,coffee}; do
# regex pattern to match the file ending
# and define it to $ending
if[ $ending == coffee ]
then
coffee -c $file
elif[ $
浏览 3提问于2012-09-11得票数 5
我正在尝试生成多个css使用webpack 4min-css-提取插件和splitChunks插件。
这是我的webpack配置。
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const path = require("path");
module.exports = [{
entry: './index.js',
output: {
filename: '[name].js',
path: path.resolve(p
浏览 42提问于2018-09-06得票数 4
2回答
当试图将模块化的任务分解成单独的文件时，会遇到一个奇怪的错误。以下代码应该执行任务css，但不执行任务：
文件：watch.js
var gulp = require('gulp');
var plugins = require('gulp-load-plugins')();
gulp.task('watch', function () {
plugins.watch('assets/styl/**/*.styl', ['css']); // PROBLEM
});
在技术上，在plugins.watch()
浏览 2提问于2014-10-20得票数 1
回答已采纳
我试图以这样的方式使用命令autopep8
autopep8 --in-place --exclude='*.js,*.jade,*.styl'
autopep8 --in-place --exclude='*.styl'
autopep8 --in-place --exclude=*.js,*.jade,*.styl
autopep8 --in-place --exclude=*.styl
所有这些方法都不适用于我，忽略也不适用。我哪里错了？格式化时如何通过掩码忽略文件？
autopep8版本为1.2.1
浏览 2提问于2015-12-17得票数 0
1回答
手写笔全局变量
、、、、
我有一个core.styl，在这里我放置了网格样式、一些手写函数和一些变量。这个文件应该在我的路由的所有中导入。
除此之外，我还有一个page.styl，它取决于我目前的路线(例如，contact.styl for /contact)
注意:我的项目是基于angular.js的，所以html-head不会重新加载。但是我可以在html中添加一些有角的东西，比如<link href="contact.css">。
我试着跟着
//index.html
<link rel="stylesheet" href="/css/core.css&#
浏览 1提问于2015-03-05得票数 1
回答已采纳
我在使用Vue.js的浏览器中得到以下错误：
Failed to compile.
./src/assets/styles/global.styl
Module parse failed: Unexpected token (2:11)
You may need an appropriate loader to handle this file type.
|
| html, body {
| margin: 0
| padding: 0
@ ./src/main.js 4:0-37
@ multi (webpack)-dev-server/client?http://0.0.
浏览 6提问于2018-02-04得票数 0
4回答
我用Nuxt和vuetify。我想用谷歌字体。不幸的是，无法用main.styl文件覆盖默认字体Roboto。main.stly的目标是覆盖vuetify样式。我怎么可能用我的字体(也是按钮)覆盖所有内容。非常感谢你的帮助
nuxt.config.js
{
rel: 'stylesheet',
href:
'https://fonts.googleapis.com/css?family=Noto+Serif'
}
css: [
'~/assets/style/app.styl',
'~/assets
浏览 0提问于2019-03-01得票数 1
我需要向webpack配置文件中的html文件中注入一个Stylus包。
我已经使用HtmlWebpackPlugin注入了js包，并且我认为也可以使用这个插件注入编译好的手写笔包。
下面是我当前的webpack.config.js文件：
var HtmlWebpackPlugin = require('html-webpack-plugin');
var HtmlWebpackPluginConfigForJS = new HtmlWebpackPlugin({
template: __dirname + '/app/index.html',
浏览 3提问于2016-04-18得票数 1
回答已采纳
1回答
铁针不再起作用了
、、
有一天我就发现了这个错误。对我来说已经不管用了。
gulpfile.js
var gulp = require('gulp'),
stylus = require('gulp-stylus'),
jeet = require('jeet');
gulp.task('default', function () {
gulp.src('assets/*.styl')
.pipe(stylus({
use: [ jeet() ]
浏览 4提问于2016-09-08得票数 1
回答已采纳
1回答
我有一个自定义的手写笔包托管在一个私有的github库中，我将它包含在我的包清单中。在npm install之后，它现在位于我的node_modules目录中，目录结构类似于：
node_modules
|
----my-custom-package
|
----package.json
webpack.config.js
src/
|
----index.js (which just imports css/index.styl)
css/
|
浏览 6提问于2017-08-21得票数 0
假设我有home.styl menu/ menu.styl image.svg
需要来自入口点或JS的home.styl。
然后：
home.styl imports menu/menu.styl menu/menu.styl有url(image.svg)。
问题是没有找到image.svg .
它存在于与menu.styl相同的文件夹中，但未被解析。
装载机是：loaders: [{ test: /\.styl$/, loader: 'style!css!stylus' }, { test: /\.(png|jpg|svg|ttf|eot|woff
浏览 4提问于2015-10-31得票数 7
回答已采纳
2回答
运行被监视文件的任务
、、、
考虑遵循Gruntfile.js
module.exports = function(grunt) {
var
stylusFiles = [
{
expand: true,
cwd: 'radio/static/css/',
src: ['*.styl'],
ext: ['.css']
},
{
浏览 3提问于2013-11-26得票数 0
回答已采纳
3回答
我试图在nuxt中加载一个手写笔文件。
首先，我使用npm i -D stylus stylus-loader安装了手写笔包。
然后我在app.styl文件夹中创建了一个名为assets/style的文件：
@require '~vuetify/src/stylus/settings/_colors'
$theme := {
primary: $blue.darken-2
accent: $blue.accent-2
secondary: $grey.lighten-1
info: $blue.lighten-1
warn
浏览 0提问于2018-11-21得票数 0
回答已采纳
我们在应用程序中使用，它使用webpack来捆绑JS & CSS资产。Webpack 在构建生产env和stylus-loader时使用webpack.optimize.UglifyJsPlugin，很好的为生产env提供了准确的装载机配置。如下：
ExtractTextPlugin.extract(
'style-loader',
'css-loader!stylus-loader'
);
然后我有3个样式文件：
// app/animations.styl
@keyframes arrowBounce
0%
transform
浏览 0提问于2015-06-26得票数 5
回答已采纳
1回答
我在我的应用程序中添加了斯诺包3，它适用于JS/TS文件以及直接导入的手写笔文件。
文件结构类似于以下内容：
view.js:
import 'view-styles.styl'
export default function view() {
return (
<div className='example-view'>Hello World</div>
);
}
view-styles.styl
@require './colors.styl'
.example-view
ba
浏览 4提问于2021-02-12得票数 0
我想通过下面的用自定义颜色覆盖vuetify变量
我已经创建了一个手写笔文件夹，其中包含基本文件夹(_colors，_typography)和main.styl文件。_color文件导入到main.styl文件中，后者导入到main.js中
下面是我的文件结构：
并且导入包含在main.js中
import '../node_modules/vuetify/dist/vuetify.min.css'
import './assets/stylus/main.styl'
在_color.styl中，我有以下测试代码：
$red = {
"
浏览 2提问于2018-02-02得票数 10
2回答
我正在尝试在手写笔中使用Nib CSS3扩展。已安装手写笔和笔尖(已尝试本地和全局-g)。但是，当我这样做时，没有一个是有效的
stylus styles.styl > build/styles.css
# styles.styl
@import "nib"
我得到了
/usr/lib/node_modules/stylus/bin/stylus:502
throw err;
^
Error: styles.styl:1
> 1| @import "nib"
2|
浏览 1提问于2012-08-17得票数 7
回答已采纳
1回答
我有这样的事情：
stylus/
dashboard.styl
default.styl
它比这复杂得多，但试图达到目的。
(例如)在dashboard.styl内部，i @required default.styl。当我在default.styl上做任何更改或修改时，Gulp (或者gulp或任何应该做的事情)都不会重新编译依赖的文件。
当我说依赖文件时，我指的是dashboard.styl。
我认为，具有default.styl作为@require的依赖于default.styl；因此，当它被更改时，dashboard.styl也应该得到。但守望者不明白这一点。
问题：如何
浏览 4提问于2016-02-15得票数 0
如下所示： var stylusCompiler = {
name: 'stylus',
entry: {
above_fold: './src/css/above_fold.styl',
site: './src/css/site.styl'
},
output: {
path: path.resolve(__dirname, 'dist/css'),
filename: '[name].bundled.css'
浏览 12提问于2019-01-11得票数 1
回答已采纳
我该如何去做一些事情，比如在我的应用程序的一部分使用x.styl，在另一部分使用y.styl？
似乎所有的css都包含在app.styl中，我不能根据内容有条件地加载工作表。我是不是应该通过手写笔中的条件语句或者通过JS来处理这个问题呢？
谢谢!
浏览 0提问于2011-07-06得票数 0
回答已采纳
我在nodejs应用程序中使用了触笔(不是express，只是普通的node)。我也在使用监控更改并应用它们，而无需重启我的应用程序。我有一个运行我的应用程序的小sh脚本：
#!/bin/sh
if [ -f style/*styl ]; then
echo "Building *styl..."
node_modules/stylus/bin/stylus -c style/*styl
fi
echo "Running src/app/index.js..."
nodemon src/index.js
如您所见，如果在运行应用程序之前找到了手写笔，脚
浏览 2提问于2012-09-24得票数 0
回答已采纳
我有webpacker为基本的vue.js/rails应用程序工作，但我想配置它，以便将手写笔文件编译成css，这样我就可以使用Vuetify了。有人知道怎么做吗？我现有的独立工作平台vuetify/vue.js应用程序有以下webpack配置：
module: {
loaders: [
{
test: /\.vue$/,
loader: 'vue'
},
{
test: /\.s[a|c]ss$/,
loader: 'style!css!sass'
}
]
},
vue: {
loaders: {
浏览 5提问于2017-11-23得票数 6
作为将angular 1.5应用程序移植到angular 2的起点，我使用angular-cli创建了一个项目模板：
ng new pd --style=styl
手写笔编译原则上运行良好，但使用绝对路径。
我的全局手写笔文件(style.styl)如下所示
@require "~@mgm-a12/plasma-design/stylus/plasma.styl"
"plasma.styl“是一个入口点(到公司范围的样式)，并使用相对路径，例如(来自plasma.styl的两个"@requires”深度)：
background url("../asse
浏览 2提问于2016-10-06得票数 2
我有一个带有Vue2的项目，我使用作为CSS预处理器(手写笔、手写笔加载器已经安装并工作)。
我找不到像这样的为Stylus应用插件的方法。
我试图修改build/utils.js中用于手写加载程序的选项，如下所示：
stylus: generateLoaders('stylus', {use: [require('rupture')()]}),
styl: generateLoaders('stylus', {use: [require('rupture')()]})
还试图从import标签中的<style><
浏览 0提问于2017-06-05得票数 1
回答已采纳
我有一个webpack 2应用程序，它使用
我现在也想开始使用了。
我想解决方案是更新我的webpack.config.js：
当前webpack.config.js：
var path = require('path')
var webpack = require('webpack')
var ExtractTextPlugin = require('extract-text-webpack-plugin');
module.exports = {
devtool: 'eval',
entry: [
'
浏览 5提问于2017-03-03得票数 4
回答已采纳
2回答
我试图运行下面的吞咽，我发现了一个jekkyl模板。我在Windows 8.1中的节点4上运行，我不明白为什么每次我得到：
events.js:141
throw er; //Unhandled 'error' event
^
我的印象是与windows有关，因为当我在linux上运行时，我没有问题。
这是一大口：
gulp.task('jekyll-build', function (done) {
browserSync.notify(messages.jekyllBuild);
return cp.spawn(
浏览 1提问于2015-10-15得票数 0
回答已采纳
1回答
我试图使用类型记录和手写笔使用next.js构建项目。
我的next.config.js：
const withPlugins = require('next-compose-plugins')
const withTypescript = require('@zeit/next-typescript')
const withStylus = require('@zeit/next-stylus')
module.exports = withPlugins([
[withTypescript, {
webpack(config,
浏览 0提问于2018-05-11得票数 3
回答已采纳
我成功地让webpack生成非JavaScript文件的唯一方法是为主要资产包含一个entry。问题是，webpack也会基于此资产生成一个.js文件，这是不必要的。这是在webpack配置中处理非JavaScript资产的正确方法吗？
const path = require('path');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const outputDir = 'build';
const extractStylus = new Extract
浏览 13提问于2018-04-11得票数 0
1回答
我使用node和npm install react-selectize
当我在React JS中完成组件的实现时，它在显示时没有任何css。
我看了一下node包，它有几个*.styl node_module。
我应该如何加载这些*.styl？我使用scss来设计样式。
浏览 0提问于2017-09-14得票数 0
我正在尝试将我开始使用的项目迁移到。
在此过程中，我必须从Webpack 1更新到2。除了以下内容外，一切都很好：
我使用手写笔和一些librairies (断裂和Jeet)和一个样式表，其中我存储了一些变量，这些变量应该是全局可用的，并用于任何vue文件。我看到了另一个主题，在需要它的所有vue文件中手动导入手写笔表。但是，对于这一点，我更喜欢按照萌芽模板自动提供全局可用。
注意到在下面的代码中，我通过...删除了non-necessary code
在webpack 2的类星体，文件如下。
css-utils.js
基本上，它以以下形式输出vue-加载程序或常规样式加载器的加载程序配
浏览 0提问于2017-02-16得票数 0
回答已采纳
1回答
我需要导入编译后的CSS代码作为字符串从".styl“(Stylus预处理器)文件。
从逻辑的角度看：
首先我们需要对样式进行预处理.它被劝导说，stylus-loader将用stylus来完成它，我们需要原始的css代码。我认为raw-loader是不够的，因为stylus-loader返回的不是一个字符串。
以下代码：
import styles from "!raw-loader!stylus-loader?@Assets/Styles/Typography/ArticleFormatting.styl";
将返回类似于JavaScript的字符串化代码：
var
浏览 3提问于2022-01-05得票数 2
我想要创建一个函数，在手写笔中包装另一个内置函数。类似于：
myFunction(color, amount)
darken(color, amount)
我想为一个项目创建多个主题，因为有些主题是暗的，有些是轻的，所以对于hover，我希望lighen() background-color和其他的darken()，并在一个所有主题中常见的文件中使用myFunction()，只更改每个主题中的函数定义。
我想知道的是：有可能吗？或者，如果在手写笔中有任何其他的函数多态机制，那么任何方法都可以动态地更改函数的定义。
我尝试过的：
首先，我试图简单地包装如下：
inHover (颜色，
浏览 4提问于2015-10-19得票数 0
回答已采纳
好吧，所以(新的)：
我刚刚将我的stylus-loader、style-loader (按照stylus-loader的建议)和加载器{ test: /\.styl$/, loader: 'style-loader!css-loader!stylus-loader' }添加到webpack配置中。现在，在我的Main.js文件中，我要添加var css = require('!css!stylus!./Main.styl');。那么，我现在应该在html中看到编译好的css吗？不知道我是不是做对了。
webpack.config.js
webpackConfi
浏览 4提问于2015-05-02得票数 3
1回答
设置全局字体大小不起作用
、、、、
堆栈: Nuxt.js + Vuetify.js
问题:设置全局字体大小不起作用
尝试:在~/assets/style/app.styl，中，我将正文字体大小设置为40 In：
//进口香水造型$body-字体大小=40；@需要量'~vuetify/src/stylus/app.styl‘
产出:它不生效：
注意：@body-font-weight也会发生同样的情况
问:为什么会发生这种情况，如何克服？
链接复制：
浏览 3提问于2019-03-15得票数 0
回答已采纳
1回答
尝试更新样式，使按钮以大写字母呈现，而不是全部大写。 vue --版本为3.5.5 添加了src/stylus/main.styl $button-text-transform = 'capitalize'
@require '~vuetify/src/stylus/app' main.js包括： import "./stylus/main.styl" 问题是按钮中的文本仍然是大写的： Chrome inspect显示样式： .v-btn {
text-transform: uppercase;
} 我还需要做什么才能让应用程序拾取样式？
浏览 13提问于2019-04-06得票数 3
回答已采纳
1回答
我的文件夹结构如下所示：
-- Project
- public
- styles
- node
- gulpfile.js
- styles
- global.styl
我想输出转换后的global.css文件到/public文件夹。
我的代码如下：
gulp.task('stylus', function () {
return gulp.src('./styles/global.styl')
.pipe(stylus())
.pipe(autoprefixer('last
浏览 0提问于2018-08-16得票数 0
1回答
我想根据通过组件传递的属性来动态导入css模块 我的js文件是这样的 import css from './MenuItem.module.styl'
/* .... */
const MenuItem = ({ node, isTitle, isHeader, pathname, hoveredItem }) => {
const linkClasses =
classNames(css.someClass, {[css.someOtherClass]: isHeader})
const subItemsContainerClasses
浏览 7提问于2020-03-31得票数 1
回答已采纳
1回答
我想在我的vuepress文档中显示文件夹结构，比如这个。
从这里的github代码中，我在md文件中尝试了同样的方法
::: vue
.
├── docs
│ ├── .vuepress _(**Optional**)_
│ │ ├── `components` _(**Optional**)_
│ │ ├── `theme` _(**Optional**)_
│ │ │ └── Layout.vue
│ │ ├── `public` _(**Optional**)_
│ │ ├── `styles` _(**Optional**)_
│
浏览 7提问于2021-08-11得票数 0
在我的vue.js文件中的一个webpack.config.js项目中，我确实拥有以下内容：
///...,
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.common.js',
'assets': path.resolve(__dirname, './src/assets'),
'components': path.res
浏览 2提问于2017-01-31得票数 3
回答已采纳
2回答
我正在尝试使用手写笔，这是一个带有twitter bootstrap版本2.04的css预处理器。当我下载boostrap时，我运行"stylus -css< bootstrap.css > bootstrap.styl“，这样我就可以创建一个bootstrap.styl文件。然而，当我的浏览器试图解析bootstrap.styl时，我得到了以下错误
ParseError: /Users/user/Projects/node_tutorials/project/static/css/bootstrap.styl:1835
1831| background-posi
浏览 1提问于2012-06-25得票数 2
我正在尝试用手写笔构建Vuejs应用程序。我在规则数组中安装了build/webPack.base.con.js中添加的stylus stylus-loader style-loader css-loader添加。
{
test: /\.styl$/,
loader: ['style-loader', 'css-loader', 'stylus-loader']
}
我在src文件夹名main.styl中创建了一个空文件，并添加了main.js。
当我运行npm run dev时，它显示了一个错误，
模块构建失败: ParseError
浏览 2提问于2017-10-20得票数 5
6回答
我已经在我的mac上安装了node.js/stylus/nib，我可以在命令行上手动将.styl文件编译成.css。我也知道当我搜索当.styl改变时如何设置自动编译时，stylus.middleware()的事情不断出现，但是我不知道我应该如何实现它(我以前从未使用过node.js )。
我应该把代码放到哪个文件中？
如何启动此代码以使其始终运行？
我想我在节点端遗漏了一些东西来设置它。
浏览 0提问于2012-06-12得票数 20
1回答
我试图在vue组件中导入我的variables.stylus，但是当我使用@import "~@themes/variables.stylus"时，webpack抛出了错误：failed to locate @import file ~@themes/variables.stylus.styl
webpack配置
alias: {
'vue$': 'vue/dist/vue.esm.js',
themes: path.resolve(__dirname, './src/themes'),
&
浏览 0提问于2019-04-04得票数 1
回答已采纳
1回答
我有这样的文件结构
client
stylesheet
main.import.styl
template
a
a.styl
b
b.styl
我试图像这样在a.styl和b.styl中导入b.styl
@import main.import
(我还尝试了其他选项，如/main.import、./...等等)，结果我有了failed to locate @import main.import.styl
但是如果我把a和b文件放在stylesheet中，一切都很好
我使用
我的问题很简单:文件不能在不同的文件夹中互相看到。
folder1
浏览 2提问于2015-09-26得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
