Module not found: Error: Can‘t resolve ‘path‘ in ‘E:\credit-review-system\src\layout\components‘

Module not found: Error: Can’t resolve ‘path’ in ‘E:\credit-review-system\src\layout\components’

<template>
  <div>
      <!-- 没有子级 -->
      <el-menu-item :index="path" v-if="!item.children">
        <i class="el-icon-setting"></i>
        <span slot="title">{{item.meta.title}}</span>
      </el-menu-item>

      <!-- 有子级 -->
      <el-submenu :index="path" v-else>
        <template slot="title">{{item.meta.title}}</template>
        <sideItem v-for="child in item.children" :key="child.path" :item="child" :path="getPath(child.path)"/>
      </el-submenu>
  </div>
</template>

<script>
import _path from 'path'
export default {
  name:'sideItem',
  props:["item","path"],
  methods:{
    //_path.resolve('a/b','./c')    '/a/b/c'
    getPath(url){
      return _path.resolve(this.path,url);
    }
  }
}
</script>

在这里插入图片描述

Module not found: Error: Can't resolve 'path' in 'E:\credit-review-system\src\layout\components'

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 }
===
提示 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.
(webpack < 5默认用于包含node.js核心模块的polyfills。现在情况已经不一样了。验证你是否需要这个模块,并为它配置一个polyfill。)

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 }
(如果你想要包含一个polyfill,你需要:
-添加一个 ‘resolve.fallback: { “path”: require.resolve(“path-browserify”) }’
—install ‘path-browserify’
如果你不想包含polyfill,你可以像这样使用一个空模块:
resolve.fallback: { “path”: false }

下载 npm i path-browserify,然后在 vue.config.js里面添加

configureWebpack: {
    resolve: {
      fallback: { path: require.resolve('path-browserify') }
	}
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

圥忈&&丅佽&&扗虖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值