react + ts 路径别名配置不生效。

问题: webpack中的别名配置未生效
下载的插件
react-app-rewired customize-cra
配置内容
image.png
报错内容image.png
我也按照
ts路径别名配置
配置过,但也没成功。

阅读 9.4k
3 个回答

配置成功了。
① 配置了addWebpackAlias
image.png
②新建了一个paths.json
image.png
③配置tsconfig
image.png
④使用
image.png

tsconfig也需要配置:

{
    ...,
    "paths":{
        "@":"./src"
    }
}

如果有使用babel编译,也配置下module resolver:
https://github.com/tleunen/ba...

{
    "presets": [
        "next/babel"
    ],
    "plugins": [
        ...,
        [
            "module-resolver",
            {
                "baseUrl": '.',
                "alias": {
                    "@/*": ["./src/*"],
                }
            }
        ]

    ]
}
新手上路,请多包涵

你好,我按照你的步骤配置完以后还是报错Module.not found: Can't resovle

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题