V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xingyue
V2EX  ›  Vue.js

webstorm 文件路径解析报错问题,求教~

  •  
  •   xingyue · 2019-02-21 00:09:18 +08:00 · 3795 次点击
    这是一个创建于 2106 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如图,项目中配置了一个"img"的 alias,在 background-image 的 url 中使用这个 alias,项目正常运行,图片也会加载到,但是 webstorm 无法解析到文件路径就会报错,看着很难受。。。
    报错图片

    项目的环境是 vue-cli3 创建的,webstorm 使用的 webpack 的配置文件如下图所示

    配置 webpack

    望路过的大大指教下,十分感谢

    第 1 条附言  ·  2019-02-21 17:31:25 +08:00

    通过vue inspect > output.js指令生成的webpack配置信息,看起来似乎没什么问题,见下图

    webpack配置信息

    ps:我还发现在import的时候webstorm默认可以找到“@”所指向的路径信息,但是自定义的alias就找不到了,项目运行正常说明代码应该是没问题的,如下图。。。

    webstorm找到@找不到自定义的alias

    第 2 条附言  ·  2019-02-23 15:09:30 +08:00
    pps:上一条附言中的 import 问题,webstorm 重启后重新加载了一遍 webpack 配置信息后正常了,但是在 css 中的路径问题依旧存在~
    2 条回复    2019-02-21 17:32:38 +08:00
    orangeD
        1
    orangeD  
       2019-02-21 12:59:50 +08:00   ❤️ 1
    vue inspect 看一下配置的 alias 是否正确
    xingyue
        2
    xingyue  
    OP
       2019-02-21 17:32:38 +08:00
    @orangeD #1 抱歉回复晚了,见第一条附言
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5495 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 07:45 · PVG 15:45 · LAX 23:45 · JFK 02:45
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.