vue项目报错Module "path" has been externalized for browser compatibility. Cannot access "path.join" in client code.
时间: 2024-05-02 10:16:17 浏览: 153
vue项目在线上服务器访问失败原因分析
这个报错是因为在 Vue 项目中,使用了 Node.js 的模块,但是这些模块是不能在浏览器中使用的。在 Vue 项目中,你需要使用 webpack 来编译这些模块。在这个过程中,webpack 会将这些模块转换成浏览器可用的代码。
对于这个具体的错误,可能是因为你在代码中使用了 `path.join` 方法,而这个方法是 Node.js 中的方法,不在浏览器中可用。解决这个问题的方法是使用 webpack 的 externals 配置,将这些 Node.js 模块排除在打包范围之外。
你可以在 webpack 的配置文件中添加以下代码:
```js
module.exports = {
// ... 其他配置
externals: {
path: 'path' // 将 path 模块排除在打包范围之外
}
}
```
这样就可以解决这个报错了。
阅读全文