WebStorm对/assets/开头的CSS路径报错，如何解决或忽略？

方法1：将assets目录标记为资源根目录 #

• 在项目面板找到assets目录，右键点击
• 选择Mark Directory as > Resource Root
• 完成后WebStorm会将该目录识别为资源根路径，/assets/开头的引用就能被正确解析

方法2：配置自定义路径映射 #

如果assets目录不在项目根目录或有特殊映射规则，可按以下步骤设置：

1. 打开File > Settings（Windows/Linux）或WebStorm > Settings（Mac）
2. 导航到Languages & Frameworks > JavaScript > Webpack
3. 若项目无webpack配置文件，选择Manual模式，点击**...**打开路径映射设置
4. 在Resolve标签页点击**+**，添加新映射：
   • Module栏输入/assets
   • Folder栏选择本地对应的assets目录
5. 保存设置后，IDE会自动识别该路径映射

方法3：忽略此类路径报错 #

若只想屏蔽报错提示，可通过两种方式操作：

• 单行/单文件屏蔽：找到报错行左侧的警告灯泡，选择Inspection 'Unresolved path' options > Suppress for file（或Suppress for line）
• 全局禁用检查：打开Settings > Editor > Inspections，搜索Unresolved path，取消对应检查项的勾选后保存

内容的提问来源于stack exchange，提问作者Muhammad-Ali