Question

demo.vue：

git

一切都很好：编码，编译，工作。

只是WebStorm会在

显示错误

<template>
  ...
</template>
<script type="text/ecmascript-6">
  ...
</script>
<style lang="scss" rel="stylesheet/scss">
    @import "~scss/variables.scss";
    .pop-up-box {
      ...
    }
</style>

由于WebStorm想检查@import "~scss/variables.scss";的路径，但此路径是webpack别名。它会显示~scss/variables.scss。

有没有办法让WebStorm知道这里是webpack别名还是不再显示错误？

Answer 1

目前无法使用WEB-25321进行更新。 WebStorm不支持解析（resolve.moduleDirectories，resolve.root，resolve.alias等特定于Webpack的模块。请注意，为样式表语言（LESS，SCSS）提供了基本支持，因此如果~等于{{node_modules，那么特定于webpack的导入（如“@import'~webpackPackage / test.css'”）不会导致错误1}}目录。见https://youtrack.jetbrains.com/issue/WEB-23707#comment=27-1657238

WebStorm。当我在.vue中定义scss时，“@ import”xxx'“显示错误

1 个答案: