Webpack看不到绝对路径

是由于Webpack的配置问题导致的。Webpack是一个现代JavaScript应用程序的静态模块打包工具，它通过创建依赖关系图，将所有模块打包成一个或多个bundle文件。

解决Webpack看不到绝对路径的方法有以下几种：

1. 配置resolve.alias：在Webpack的配置文件中，可以通过resolve.alias来设置模块的别名，将绝对路径映射为一个更短的名称。这样在引用模块时，可以使用别名代替绝对路径，从而解决看不到绝对路径的问题。例如：

const path = require('path');

module.exports = {
  // ...
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src') // 将绝对路径/src映射为@
    }
  }
};

1. 使用resolve.modules：在Webpack的配置文件中，可以通过resolve.modules设置模块的查找路径。将包含所需模块的目录添加到resolve.modules中，Webpack会在这些目录中查找模块，从而解决看不到绝对路径的问题。例如：

module.exports = {
  // ...
  resolve: {
    modules: ['src', 'node_modules'] // 将src目录添加到查找路径中
  }
};

1. 配置resolve.extensions：在Webpack的配置文件中，可以通过resolve.extensions设置模块的扩展名。将常用的模块扩展名添加到resolve.extensions中，Webpack会在引用模块时自动补全扩展名，从而解决看不到绝对路径的问题。例如：

module.exports = {
  // ...
  resolve: {
    extensions: ['.js', '.jsx', '.json'] // 添加常用的扩展名
  }
};

以上方法可以解决Webpack看不到绝对路径的问题，提高开发效率和代码可维护性。

推荐的腾讯云相关产品：腾讯云Serverless云函数（SCF），腾讯云对象存储（COS），腾讯云内容分发网络（CDN），腾讯云人脸识别（FRT），腾讯云数据库MySQL版，腾讯云区块链服务（BCS）。

腾讯云产品介绍链接地址：

• 腾讯云Serverless云函数（SCF）
• 腾讯云对象存储（COS）
• 腾讯云内容分发网络（CDN）
• 腾讯云人脸识别（FRT）
• 腾讯云数据库MySQL版
• 腾讯云区块链服务（BCS）