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 }

解决办法

安装 path-browserify
npm install path-browserify

vue.config.js中添加配置

module.exports = {
   resolve: { fallback: { path: require.resolve("path-browserify") }, },
}