vue3编译错误

 INFO  Starting development server...
99% done plugins FriendlyErrorsWebpackPlugin

 ERROR  Failed to compile with 1 error                                                                       下午1:50:59

 error  in ./src/layout/components/Sidebar/SidebarItem.vue?vue&type=script&lang=js

Module not found: Error: Can't resolve 'path' in 'D:\Projects\qianruida\website\src\layout\components\Sidebar'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }

解决办法
安装

npm install path-browserify

在vue.config.js中添加配置

module.exports = {
........
configureWebpack: {
    // provide the app's title in webpack's name field, so that
    // it can be accessed in index.html to inject the correct title.
    resolve: {
      fallback: { path: require.resolve("path-browserify") },
    },
  },
 };

编译通过