【报错】Field 'browser' doesn't contain a valid alias configuration

遇到的一个报错

 Parsed request is a module
  using description file: D:\HEELOWORLD\Code\front-end\all-project\webpack\LICENSE-webpack-plugin-w5\package.json (relative path: ./src)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module

解决

配置webpack的alias

 resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },

分析原因

我想通过jsconfig.json配置@来定义路径别名

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

然后使用import '@/test'; 就报错了
然后我使用import("./test.js")就没报错

先判断，原因大概率在jsconfig.json的配置上

然后我就详细看报错描述，发现他一直在node_modules下找

突然恍然大悟，jsconfig.json配置根本不是配这个的！

配webpack才行，jsconfig.json那里是给告诉vscode跳转变量用的

又给菜鸡我上了一课/(ㄒoㄒ)/~~