css vue 路径别名出错

Module build failed: Error: D:\vue2\gowhere\travel\src\pages\home\components\Header.vue:26:9
   22|
   23| <style lang='stylus' scope>
   24| // css 里的引入要 加 @ ~
   25|
   26| @import '@styles/variable.styl'
---------------^
   27|
   28| .header
   29|   display flex

failed to locate @import file @styles/variable.styl

    at CachedPathEvaluator.visitImport (D:\vue2\gowhere\travel\node_modules\[email protected]@stylus-loader\lib\evaluator.js:157:21)
    at CachedPathEvaluator.Visitor.visit (D:\vue2\gowhere\travel\node_modules\[email protected]@stylus\lib\visitor\index.js:28:40)
    at CachedPathEvaluator.Evaluator.visit (D:\vue2\gowhere\travel\node_modules\[email protected]@stylus\lib\visitor\evaluator.js:160:18)
    at CachedPathEvaluator.Evaluator.visitRoot (D:\vue2\gowhere\travel\node_modules\[email protected]@stylus\lib\visitor\evaluator.js:707:27)
    at CachedPathEvaluator.Visitor.visit (D:\vue2\gowhere\travel\node_modules\[email protected]@stylus\lib\visitor\index.js:28:40)
    at CachedPathEvaluator.Evaluator.visit (D:\vue2\gowhere\travel\node_modules\[email protected]@stylus\lib\visitor\evaluator.js:160:18)
    at CachedPathEvaluator.Evaluator.evaluate (D:\vue2\gowhere\travel\node_modules\[email protected]@stylus\lib\visitor\evaluator.js:247:15)
    at Renderer.render (D:\vue2\gowhere\travel\node_modules\[email protected]@stylus\lib\renderer.js:86:26)
    at D:\vue2\gowhere\travel\node_modules\[email protected]@stylus-loader\index.js:167:12
    at tryCatchReject (D:\vue2\gowhere\travel\node_modules\[email protected]@when\lib\makePromise.js:840:30)
    at runContinuation1 (D:\vue2\gowhere\travel\node_modules\[email protected]@when\lib\makePromise.js:799:4)
    at Fulfilled.when (D:\vue2\gowhere\travel\node_modules\[email protected]@when\lib\makePromise.js:590:4)
    at Pending.run (D:\vue2\gowhere\travel\node_modules\[email protected]@when\lib\makePromise.js:481:13)
    at Scheduler._drain (D:\vue2\gowhere\travel\node_modules\[email protected]@when\lib\Scheduler.js:62:19)
    at Scheduler.drain (D:\vue2\gowhere\travel\node_modules\[email protected]@when\lib\Scheduler.js:27:9)
    at processTicksAndRejections (internal/process/task_queues.js:77:11)

 @ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-5558831a","scoped":false,"hasInlineConfig":false}!./node_modules/[email protected]@stylus-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/pages/home/components/Header.vue 4:14-416 13:3-17:5 14:22-424
 @ ./src/pages/home/components/Header.vue
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/pages/home/Home.vue
 @ ./src/pages/home/Home.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8083 webpack/hot/dev-server ./src/main.js

重启服务

npm run dev

hjhhh

Guess you like

Origin blog.csdn.net/qq_27009517/article/details/120197056