和Vue里单文件组件导入的方式不同,React不需要使用@符号。
- 只需在
jsconfig.json中,添加如下两个配置:
{
...
"compilerOptions": {
"baseUrl": "src"
},
"include": ["src"]
...
}
- 然后就可以绝对路径导入组件了
import React from 'react'
import Square from 'components/Square' // 不需要@/components/...了
function App() {
return (
<div className="App">
<span>hello</span>
<Square />
</div>
)
}
export default App
- 自动导入时为绝对导入(针对webstorm)








网友评论