VScode:如何从jsconfig快捷方式中指定的快捷方式路径自动完成json/scs/image文件路径

Question

在进行导入时，当我尝试导入React.jsx组件时，intellisense将建议自动完成名称。不过，当我尝试导入json或scss文件时，不会有任何建议。

我在webpack.config.js中设置了一组别名

resolve: {
extensions: ['.css', '.js', '.jsx'],
alias: {
'src': path.resolve(__dirname + '/src'),
'data': path.resolve(__dirname + '/src/data'),
'assets': path.resolve(__dirname + '/src/assets'),
'images': path.resolve(__dirname + '/src/assets/images'),
'styles': path.resolve(__dirname + '/src/assets/styles'),
'components': path.resolve(__dirname + '/src/components'),
'types': path.resolve(__dirname + '/src/types'),
'functions': path.resolve(__dirname + '/src/functions'),
'pages': path.resolve(__dirname + '/src/pages')
}
},

因为我想让intellisense自动完成这些路径，所以我创建了一个jsconfig.json

{
"compilerOptions": {
"jsx": "react",
"allowSyntheticDefaultImports": true,
"target": "es6",
"baseUrl": "./",
"paths": {
"src": ["./src"],
"src/*": ["./src/*"],
"data": ["./src/data"],
"data/*": ["./src/data/*"],
"assets": ["./src/assets"],
"assets/*": ["./src/assets/*"],
"images": ["./src/assets/images"],
"images/*": ["./src/assets/images/*"],
"styles": ["./src/assets/styles"],
"styles/*": ["./src/assets/styles/*"],
"components": ["./src/components"],
"components/*": ["./src/components/*"],
"types": ["./src/types"],
"types/*": ["./src/types/*"],
"functions": ["./src/functions"],
"functions/*": ["./src/functions/*"],
"pages": ["./src/pages"],
"pages/*": ["./src/pages/*"],
}
},
"exclude": ["node_modules"],
"checkJs": "true"
}

---

我安装了路径intellisense

我还将我的keybindings.json设置为

[
{ "key": ".", "command": "" }
]

我还按照路径intellisense文档中的建议将"typescript.suggest.paths": false添加到了我的.vscode/setting.json中，尽管我不使用typescript。这只是一个javascript项目。

Answer 1

我不得不添加

"compilerOptions": {
"resolveJsonModule": true,

到我的json 的jsconfig.json

Answer 2

我在JSX、TSX或TS中看不到任何.scs或.css文件(JS很好(-我使用Kohler的Path Intellisense扩展。

通过将此添加到我的vscode settings.json:中修复了它

"javascript.suggest.paths": false,
"typescript.suggest.paths": false