webstorm中图片目录如何找

Posted 2023-04-24

当项目使用Webstorm打开之后,src等目录文件在左侧项目栏中找不到了
在这里插入图片描述

具体情况就是上图中的这几个文件的文件夹突然不再这个项目栏中显示了，但是在文件资源管理器中是有文件存在的（可以右击，open in explorer 就可以打开对应的文件夹所在位置了）在这里插入图片描述

这个时候就可以看到下图中的 .idea 的文件夹，关闭webstorm同时把它删除掉，然后重新用webstorm打开该项目（切记要把webstorm关掉再删除文件，不然可能还会有这个问题）在这里插入图片描述

这个时候就可以看到文件夹有重新显示出来了，（原因可能是瞎操作的时候误删了什么东西，导致webstorm生成的idea的文件出错了，重新生成一下就可以了） 参考技术A 1.webstorm工作空间文件的目录，和系统文件目录是一致的
2.除了可以自己根据层次知道路径意外，还可以直接右键复制路径
3.右键后点击show in explorer
4.成功在系统文件夹打开
5.一般情况下不需要打开系统文件夹，webstorm也能进行新建、删除、重命名、复制、粘贴等。比如复制，选中一个文件后，按ctrl+c
6.在桌面上按ctrl+v可以直接粘贴到桌面上。 参考技术B 1.webstorm工作空间文件的目录，和系统文件目录是一致的
2.除了可以自己根据层次知道路径意外，还可以直接右键复制路径
3.右键后点击show in explorer
4.成功在系统文件夹打开
5.一般情况下不需要打开系统文件夹，webstorm也能进行新建、删除、重命名、复制、粘贴等。比如复制，选中一个文件后，按ctrl+c
6.在桌面上按ctrl+v可以直接粘贴到桌面上。 参考技术C webstorm中图片目录如何找？
答：具体情况就是上图中的这几个文件的文件夹突然不再这个项目栏中显示了，但是在文件资源管理器中是有文件存在的；这个时候就可以看到下图中的 .idea 的文件夹，关闭webstorm同时把它删除掉，然后重新用webstorm打开该项目；这个时候就可以看到文件夹有重新显示出来了；
回答完毕！ 参考技术D 打开软件，在软件中找到设置，在设置中找到工具，选择目录就找到了

Webstorm：“无法解析目录”

【中文标题】Webstorm：“无法解析目录”

【英文标题】：Webstorm: "Cannot Resolve Directory"

【发布时间】：2014-03-26 02:00:55

【问题描述】：

这开始困扰我，我希望它关闭或修复。所以 Webstorm 在它的 HTML 解析器中有一个很好的特性，它会尝试解析字符串中的目录，这些目录应该引用你项目中的文件。例如：

Webstorm 是正确的。我的前端代码都在/app 中，但我的服务器在根目录的应用程序中提供文件，所以在Web 上下文中/app 实际上只是/。另一方面，这种行为也会影响我的角度模板：

还有我的 angular-ui 路线（我想它也会对常规的 Angular 路线这样做）。

有没有办法改变 webstorm 以将 /app 视为根，所以这是一个有用的功能？如果没有，有没有办法可以禁用它？我尝试进入检查器，但找不到它的选项：

不，这不是 XML 的……我试过了。

帮助表示赞赏。谢谢...

【参考方案1】：

要对项目中的非根文件夹进行文件引用，您需要将该目录标记为资源。为此，请转到“设置”>“目录”，然后从右侧面板中选择您的资产根文件夹。然后通过单击文件浏览器上方的按钮将其标记为资源根。

在 Jetbrains 文档中，资源根使 WebStorm 能够完成所选文件夹下资源的相对路径。这意味着您应该在包含您想要引用的所有资源（例如样式、脚本等）的文件夹上使用 Resource Root。

【讨论】：

我也有同样的问题："Cannot resolve file", cannot resolve directory" 好像WebStorm，phpStrom，这个问题很久了，有几百个踏板问同样的事情，似乎没有真正明确的答案，似乎可以追溯到 2011 年最常见的回答是： - 需要将该目录标记为资源根。 - 需要在 Settings > php > server 中映射目录/文件 -禁用检查。

对我来说，我将我的“css”和“js”文件夹标记为资源根。但我继续收到错误通知。他们都住在“www”目录下。将 www 文件夹标记为资源根目录终于摆脱了通知。所以如果你的图片、js、css在一个目录下，你可以把它们的父目录标记为Resource root。

在 Mac 上的 Webstorm 9.x 中，它位于 Webstorm->Preferences->'您当前加载的项目名称'->Directories 下。

我遇到了完全相同的情况并正确标记了目录。但无论如何，代码检查器将它们标记为 not found。重新启动 PHPStorm（版本 9）就可以了。也许重新打开项目就足够了。

作为记录，在 PhpStorm 10 (Mac) 中，标记 Resource Root 会立即修复错误，但显然您的里程可能会有所不同。

【参考方案2】：

我在 Mac 上遇到了这个问题，并通过更改目录属性解决了这个问题。

打开首选项：

Webstorm > Preferences

转到“首选项”中的“目录”部分

Project > Directories

添加内容根目录和资源根目录

【讨论】：

此过程无法解决我的路径问题。我也一直在使用像“../../src/style.scss”这样的长路径来导入 scss 文件。使用上述方法，Webstorm 理解它并解决了路径错误。但是，在发布我的项目构建（在 Angular 7 中）时，我收到一条错误消息，指出它找不到 scss 文件。

【参考方案3】：

对于使用 IntelliJ Ultimate 的人：

【讨论】：

嘿！我跟着这个，没有运气（我仍然收到令人讨厌的“无法解析目录”警告）。除了将目录标记为 Sources 之外，我还需要做些什么吗？

假设您的目录结构如下folder1/folder2/.. 其中folder2 包含您所有的资源。您需要将folder1 标记为Source 并将folder2 标记为Resource。 Reference

【参考方案4】：

我认为这是大多数人正在寻找的：不更改内容根目录，而是添加一个子文件夹作为“资源根目录”。

【参考方案5】：

在 Jet Brains WebStorm 中转到文件-->设置-->左侧面板选择项目-->单击目录-->中间面板选择资源根目录-->添加项目下的文件夹/目录以供参考或在右侧面板您可以看到 +Add Content Root 选择目录和 Apply-->OK