vue学习笔记 Vue Error: Can‘t resolve ‘path‘ in

最新推荐文章于 2024-09-20 07:27:09 发布

xjcwzp

最新推荐文章于 2024-09-20 07:27:09 发布

阅读量7.6k

点赞数 5

分类专栏： Vue 文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/xjcwzp/article/details/118725888

版权

Vue 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

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") },
    },
  },
 };

编译通过
在这里插入图片描述