failed to locate @import file common/stylus/variable.styl

在使用Vue.js开发前端项目时,遇到@import引入common/stylus/variable.styl文件失败的问题。尽管为common目录设定了别名,但依旧报错。通过查找资料发现,‘~’符号用于指示当前目录的根目录,可以尝试使用此符号来修正导入路径。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这是在我给项目的common目录起了别名之后报的一个错,

alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'common': resolve('src/common')
    }

按理说起了别名之后直接用别名common就不应该出错,可是tmd还是报了一堆红。

failed to locate @import file common/stylus/variable.styl

    at CachedPathEvaluator.visitImport (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_stylus-loader@3.0.2@stylus-loader\lib\evaluator.js:157:21)
    at CachedPathEvaluator.Visitor.visit (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_stylus@0.54.7@stylus\lib\visitor\index.js:28:40)
    at CachedPathEvaluator.Evaluator.visit (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_stylus@0.54.7@stylus\lib\visitor\evaluator.js:160:18)
    at CachedPathEvaluator.Evaluator.visitRoot (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_stylus@0.54.7@stylus\lib\visitor\evaluator.js:707:27)
    at CachedPathEvaluator.Visitor.visit (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_stylus@0.54.7@stylus\lib\visitor\index.js:28:40)
    at CachedPathEvaluator.Evaluator.visit (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_stylus@0.54.7@stylus\lib\visitor\evaluator.js:160:18)
    at CachedPathEvaluator.Evaluator.evaluate (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_stylus@0.54.7@stylus\lib\visitor\evaluator.js:247:15)
    at Renderer.render (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_stylus@0.54.7@stylus\lib\renderer.js:86:26)
    at F:\webStormWorkSpace\炸鸡音乐app\node_modules\_stylus-loader@3.0.2@stylus-loader\index.js:167:12
    at tryCatchReject (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_when@3.6.4@when\lib\makePromise.js:840:30)
    at runContinuation1 (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_when@3.6.4@when\lib\makePromise.js:799:4)
    at Fulfilled.when (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_when@3.6.4@when\lib\makePromise.js:590:4)
    at Pending.run (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_when@3.6.4@when\lib\makePromise.js:481:13)
    at Scheduler._drain (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_when@3.6.4@when\lib\Scheduler.js:62:19)
    at Scheduler.drain (F:\webStormWorkSpace\炸鸡音乐app\node_modules\_when@3.6.4@when\lib\Scheduler.js:27:9)
    at _combinedTickCallback (internal/process/next_tick.js:132:7)
 @ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-9c4fe28a","scoped":true,"hasInlineConfig":false}!./node_modules/_stylus-loader@3.0.2@stylus-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/components/tab/tab.vue 4:14-400 13:3-17:5 14:22-408
 @ ./src/components/tab/tab.vue
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

网上查询结果说“~”代表当前目录的根目录,暂时这样记下吧。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值