如何在Vue中使用path模块不报错？

Question

如何在Vue中使用path模块不报错？

在vue中使用path模块提示“...resolve is not a function”?
我在vue中引入了path模块，使用了 path.resolve(...)函数，代码和浏览器控制台提示如下：
QQ截图20240202014455.png

这些代码我其实是参开了开源项目vue-element-admin，人家的代码也是这么写的，可我写的为什么就是报错？
QQ截图20240202014659.png

错误提示解决方法 vue.js node.js webpack

阅读 2.1k

AI BotBETA

首先，我要确认一下你是在哪个环境下运行的代码。这个错误提示看起来像是你在浏览器环境下运行Node.js代码，这通常会导致问题，因为浏览器环境并不支持Node.js的全局变量和函数，包括path模块。

如果你是在Node.js环境下运行代码，那么可能的问题是path模块没有被正确地导入。Node.js中的模块需要使用require函数来导入，例如：

const path = require('path');

然后你就可以使用path.resolve函数了。如果你已经这样做了但还是遇到问题，那么可能是你的Node.js环境有问题，或者你可能在尝试在一个不支持path模块的环境中使用它。

如果你是在浏览器环境下运行代码，那么你不能使用path模块，因为它是Node.js的一部分，而不是浏览器的一部分。如果你需要在浏览器环境中处理文件和路径，你可能需要使用一些其他的库或者方法。

最后，关于你提到的开源项目vue-element-admin，如果你直接复制粘贴的代码，确保你没有遗漏任何东西，包括可能存在的依赖项或者其他需要在你的项目中安装的包。如果你仍然遇到问题，你可能需要更详细地检查你的代码和环境设置。

1 个回答

得票最新

然后去远足

42.5k93763

发布于
2 月 2 日北美地区

✓ 已被采纳

path 是 Node 内置模块，无法在浏览器里运行、也无法被 polyfill。

如果你只是想用来解析拼接下相对路径，可以换成 path-browserify 这个模块。

而你贴的这个项目里它能导入是因为它用的 3.x 低版本的 Webpack，此版本的 Webpack 会自动把部分 Node 内置模块在构建时替换成相应的 shims（像 path 就是替换成 path-browserify）。但从 4.x 开始只有少部分模块才会被默认自动替换，path 模块已不在此列；从 5.x 开始该特性直接被移除了。但你仍然可以选择向我上面提到的那样自己手动替换，具体哪些内置模块可以这么干，可以看下面的文档：

https://webpack.js.org/configuration/resolve/#resolvefallback

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

如何在Vue中使用path模块不报错？

你尚未登录，登录后可以

不同页面之间可以通过localstorage保存响应式吗？

网站的不同域名互相跳转如何保持登录态？

Vue项目一个报错无法找到原因?

相同的HTML代码，用v-html与直接写在模板中染相表现差异巨大，如何规避？

vite项目如何导入.pem公钥更规范？

使用vue-pdf本地浏览器使用chrome移动机型可以正常预览，但是到了线上就无法正常预览了?

移动端切换路由后返回，视频启动播放会严重滞后，好怪？