Uncaught ReferenceError: process is not defined 以及 “ERROR in ./node_modules/json-schema-ref-parser/“

梦幻联动啦 上篇帖子中引用完 @jsonforms时出现如下几个报错
1、ERROR in ./node_modules/json-schema-ref-parser/lib/resolvers/http.js 3:13-28
2、ERROR in ./node_modules/json-schema-ref-parser/lib/resolvers/http.js 5:14-30
3、ERROR in ./node_modules/json-schema-ref-parser/lib/util/url.js 11:0-36
在这里插入图片描述
控制台报错内容如下

Uncaught ReferenceError: process is not defined
	at Object../node_modules/json-schema-ref-parser/lib/util/url.js
	at Object.options.factory (react refresh:6)
	at _webpack_require_(bootstrap:24)
	at fn (hot module replacement:61)
	at Object../node_modules/json-schema-ref-parser/lib/resolvers/file.js (file.js:4)
	at _webpack_require_(bootstrap:24)
	at fn (hot module replacement:61)
	at Object../node_modules/json-schema-ref-parser/lib/options.js (options.js:8)
	at Object.options.factory (react refresh:6)

解决方案:网上搜索Uncaught ReferenceError: process is not defined有千百种解决方案 但无一能解决我的bug (有点费脑) 重点看报错中的这句 “BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.” 然后我看了一下我的webpack在项目中是 5.0.0版本
在这里插入图片描述
在package.json中 将其改为 4.0.1
在这里插入图片描述
然后运行 npm install
最后运行 npm start 该问题即被解决

### 解决 Axios `get` 方法未定义的问题 在 Vue 项目中使用 Axios 进行 HTTP 请求时,如果遇到 `axios.get is not a function` 的错误,可能是由于以下几个原因引起的: #### 1. **Axios 导入方式不正确** 确保在项目的入口文件或其他组件中正确导入了 Axios 库。以下是正确的导入方式: ```javascript import axios from 'axios'; ``` 如果仅通过以下方式进行导入,则只会引入 Axios 的默认导出部分,而不会包含其他方法(如 `.get`, `.post` 等),从而引发错误: ```javascript // 错误的方式 import { axios } from 'axios'; // 此处会抛出错误 ``` 这种情况下应改为完整的导入语句[^5]。 #### 2. **Babel 配置问题** 当 Webpack 使用 Babel 编译 JavaScript 文件时,可能会因为缺少必要的插件而导致运行时错误。为了兼容旧版浏览器并支持现代语法,在 Webpack 中需添加 `babel-loader` 并合理配置 Babel 插件和预设。例如可以尝试加入以下设置来修复潜在的运行时问题: ```javascript module.exports = { module: { rules: [ { test: /\.js$/, exclude: /node_modules/, use: ['babel-loader'] } ] }, }; ``` 此配置能够帮助处理 ES6+ 特性的转换工作[^3]。 #### 3. **Polyfills 支持不足** 某些场景下可能还需要额外加载 polyfill 来补充环境缺失的功能。可以通过安装 `core-js` 或者直接利用 `babel-polyfill` 提供全面的支持。注意自 Babel v7 开始推荐单独指定所需功能而非整体引入整个库以减少打包体积影响性能效率等方面考虑建议采用按需加载形式即只针对实际需要用到的部分进行填充操作即可满足需求同时保持较小的应用程序大小以便于部署上线等工作顺利开展下去。 #### 4. **Webpack 插件冲突** 随着从 Webpack 3 升级到 Webpack 4 ,一些第三方插件也需要相应更新其版本号才能正常运作比如提到过的 extract-text-webpack-plugin 就存在这种情况需要寻找适配的新版本或者替换方案以免造成不必要的麻烦同时也提醒开发者关注官方文档说明了解最新变动情况及时调整自己的构建流程使之更加稳定高效[^4]。 最后附上一段简单的测试代码用于验证 Axios 功能是否可用: ```javascript async function fetchData() { try { const response = await axios.get('https://jsonplaceholder.typicode.com/posts/1'); console.log(response.data); } catch (error) { console.error(error); } } fetchData(); ``` --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值