PhpStorm 无法识别 stylus 语法，编译也报错，请问有懂此方面的人吗？

感谢在百忙之中还可以抽出时间本帖的每一个人
package.json 部分

"devDependencies": {
        "axios": "^0.19",
        "bootstrap": "^4.0.0",
        "cross-env": "^7.0",
        "jquery": "^3.2",
        "laravel-mix": "^5.0.1",
        "lodash": "^4.17.13",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.20.1",
        "sass-loader": "^8.0.0",
        "stylus": "^0.54.7",
        "stylus-loader": "^3.0.2",
        "vue": "^2.5.17",
        "vue-template-compiler": "^2.6.10",
        "webpack-transform-modules-plugin": "^0.4.4"
    },

resources/js/components/ExampleComponent.vue部分

<template>
    <div class="goods">
        <div class="menu-wrapper"></div>
        <div class="foods-wrapper"></div>
    </div>
    <cube-scroll-nav
        :side="true"
        :data="data"
        :current="current"
        @change="changeHandler"
        @sticky-change="stickyChangeHandler">
        <ul class="prepend-header" slot="prepend">
            <li>11</li>
            <li>22</li>
            <li>333</li>
        </ul>
        <cube-scroll-nav-panel
            v-for="item in data"
            :key="item.name"
            :label="item.name"
            :title="item.name">
            <ul>
                <li v-for="food in item.foods">
                    <div>
                        <img :src="food.icon">
                        <p>{{ food.name }}</p>
                    </div>
                </li>
            </ul>
        </cube-scroll-nav-panel>
    </cube-scroll-nav>
</template>

<script type="text/ECMAScript-6">
    import goodsData from '../goods-list.json'

    const goods = goodsData.goods

    export default {
        components: {
            CubePage
        },
        data() {
            return {
                data: goods,
                current: goods[3].name
            }
        },
        methods: {
            changeHandler(label) {
                console.log('changed to:', label)
            },
            stickyChangeHandler(current) {
                console.log('sticky-change', current)
            }
        }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus">
    .goods
        position :absolute

</style>