我刚刚创建了一个新的项目,我试图通过以下帖子设置一个绝对路径:https://medium.com/geekculture/making-life-easier-with-absolute-imports-react-in-javascript-and-typescript-bbdab8a8a3a1
我已经按照步骤尽可能接近我可以,但不能让这个工作在我的模拟器。(视觉上没有错误时,看我的代码在IDE中)
- eslint配置json**
{
"eslintConfig": {
"extends": ["react-app", "airbnb"],
"settings": {
"import/resolver": {
"node": {
"paths": ["src"],
"extensions": [".js", ".jsx", ".ts", ".tsx"]
}
}
}
}
}
- 系统配置json**
{
"extends": "@tsconfig/react-native/tsconfig.json", /* Recommended React Native TSConfig base */
"compilerOptions": {
"skipLibCheck": true, /* Skip type checking all .d.ts files. */
"baseUrl": "src",
},
}
在这张图片中,你可以看到我的文件结构,我的模拟器上的错误,以及我是如何导入它的。
在我的Text中有两个导出函数。tsx导出函数Title和导出函数P
任何帮助都很感激...谢谢!
2条答案
按热度按时间lztngnrs1#
我不建议你跟着这个流程走,因为它非常混乱。
假设您导入了
react/client
。因此,我建议您遵循目前大多数开发人员使用的流程。
我也为你做了一个演示,请检查https://codesandbox.io/s/sleepy-dew-wn2rsu
eslint-plugin-import
删除导入错误。vfwfrxfs2#
在“src”文件夹下创建新的
package.json
文件并添加{ "name": "PATH_NAME" }