解决vscode 开发react 导入绝对路径无法跳转的问题

alexnevsky 发布于2019-08-23 16:11 / 2611人阅读

摘要：相对路径可正常跳转但是在配置使用绝对路径后无法跳转配置文件导入解决办法需要添加一个文件，如下参考地址

相对路径可正常跳转

import { namespace, getStaffs as actionGetStaffs, addStaffs as actionAddStaffs } from "../../redux/actions/staff"

但是在webpack配置alias使用绝对路径后无法跳转

webpack配置：

resolve: {
       modules: [path.join(__dirname, "src"), "node_modules"],
       extensions: [".js", ".jsx", ".json", ".scss", ".css"],
       alias: {
            src: path.join(__dirname, "src"),
       },
       plugins: [
            new ModuleScopePlugin(appSrc, [appPackageJson]),
       ],
},

// 文件导入

import { namespace, getStaffs as actionGetStaffs, addStaffs as actionAddStaffs } from "src/redux/actions/staff"

解决办法：
需要添加一个jsconfig文件，如下：

{
  "compilerOptions": {
    "baseUrl": "./",  // all paths are relative to the baseUrl
    "paths": {
        "src/*" : ["src/*"]   
    }
  }
}

参考地址：

服务器托管私有云 jsp跳转绝对路径服务器端跳转路径问题 jsp如何页面跳转的 php页面跳转的太快

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102767.html

vscode js 实用的代码片段

摘要：目的是为了减少工作量。入口在选择图示的文件，那么这里就是可以自定义的代码片断的地方。我举一个例子你们就明白了，看代码打印在这段代码中，是指你要提示的代码前缀，效果如图第二个就是我们自定义的代码片段选择之后的效果这个就是我们在代码中定义的。作为一名前端开发工程师，我们每天都想着代码怎么抽成组件，公共方法。目的是为了减少工作量。但是你有没有想过我们一直在写重复的代码，比如每天都会写 im...

wuyangchun 2019-08-23 17:13 评论0 收藏0
微信小程序

摘要：事件与自定义属性页面跳转参数传递与接收页面跳转的五种方式页面间参数传递与接收方法带参数发送方发送参数，带参数模式发送评接收方接收参数，通过生命周期函数中的参数获取参数页面间参数传递与接收方法全局参数发送方接收方页面间参数事件与自定义属性页面跳转、参数传递与接收页面跳转的五种方式 1、wx.navigateTo(obj) 2、wx.redirectTo(obj) 3、wx.swit...

yagami 2019-08-20 17:45 评论0 收藏0
vscode常用插件【全了】

摘要：插件集待补充。。。同时，它还包含了用于转换为格式和生成数据模式的选项用于压缩合并和文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为文件的选项。修改文本的更多命名格式，包括驼峰命名下划线分隔命名，命名以及命名等切换漂亮的主题插件集待补充。。。 20180903 文件【Path Intellisense】自动补全路径浏览器【Open-In-Browser】在...

kyanag 2019-08-30 13:57 评论0 收藏0
vscode常用插件【全了】

摘要：插件集待补充。。。同时，它还包含了用于转换为格式和生成数据模式的选项用于压缩合并和文件的应用程序。它提供了大量自定义的设置，以及自动压缩保存并导出为文件的选项。修改文本的更多命名格式，包括驼峰命名下划线分隔命名，命名以及命名等切换漂亮的主题插件集待补充。。。 20180903 文件【Path Intellisense】自动补全路径浏览器【Open-In-Browser】在...

xcc3641 2019-08-26 11:42 评论0 收藏0