使用ES6命名导入声明时,我在Webstorm中出错:
import { nodes } from 'utils/dom';
Run Code Online (Sandbox Code Playgroud)
我在"节点"上得到"无法解决符号"错误
当我尝试像这样导出为命名导出时:
export {
write: document.write.bind(document),
node: document.querySelector.bind(document),
nodes: document.querySelectorAll.bind(document)
};
Run Code Online (Sandbox Code Playgroud)
我也得到错误.我使用带有babel-eslint解析器的eslint.问题在于它在Sublime Text 3中作为魅力,但由于某种原因在Webstorm中无法进行错误检查.
我认为这是因为除了Eslint webstorm正在进行其他代码检查.
任何想法我怎么能压制它并且只使用与babel-eslint解析器的eslint?
任何建议将被认真考虑
使用webpack配置,可以指定解析组件的根目录:
resolve: {
root: [ path.join(__dirname, './src/') ],
extensions: ['', '.js', '.scss']
},
Run Code Online (Sandbox Code Playgroud)
现在可以./src/使用代字号导入SASS文件:
@import '~variables';
Run Code Online (Sandbox Code Playgroud)
此导入路径将被解析为./src/variables,一切正常.
但IntelliJ无法正确识别并报告:
Cannot resolve file '~variables'
Run Code Online (Sandbox Code Playgroud)
有可能以某种方式配置此IDE以添加额外的解析路径(默认情况下它只从node_modules目录解析)?
我们的文件结构如下
/common
/src
/componentA
/componentB
Run Code Online (Sandbox Code Playgroud)
并想使用 webpack 别名
resolve: {
alias: {
common: 'common/src'
}
}
Run Code Online (Sandbox Code Playgroud)
需要像这样的模块
require('common/componentA')
Run Code Online (Sandbox Code Playgroud)
有没有办法教 WebStorm 解决这个问题,通过导航保存选项Ctrl+Click?
ResourceRoot 选项对于这种情况没有帮助
是否可以定义一个特殊的映射,使 PhpStorm(或其他基于 WebStorm 的 IDE)能够查找位于 SvelteKit 的特殊$lib目录别名中的文件?
例如,在 PhpStorm 中,我导入全局样式,如下所示:
<script context="module">
import '$lib/global-styles.scss';
</script>
Run Code Online (Sandbox Code Playgroud)
然而,不幸的是,当尝试导航到该特定文件时,IDE 会显示“无法找到要转到的声明”:
有一个项目分为多个存储库,克隆到单独的文件夹中。有一个库在其他存储库的 package.json 中没有被引用(并且不能被引用),因为它是通过构建脚本添加的。
如何覆盖 WebStorm 以便它不会为每次导入都显示“未安装模块”错误?
注意,我需要它所在的库,而不是在 node_modules 中,因此将它添加到 package.json 不是解决方案。
webstorm ×4
javascript ×3
ecmascript-6 ×2
webpack ×2
babeljs ×1
frontend ×1
import ×1
svelte ×1
sveltekit ×1