parcel运行终端报错Uncaught ReferenceError: parcelRequire is not defined解决方案

于 2023-06-30 11:57:03 发布
阅读量471 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45966674/article/details/131473653
版权
当使用npm安装的parcel-bundler出现运行错误时，可以通过卸载错误版本，再安装正确版本的parcel来解决。执行npmuninstallparcel-bundler移除错误版本，接着用npminstallparcel安装最新版，之后项目就能正常运行，浏览器访问无误。
摘要由CSDN通过智能技术生成

我们通过指令

npm install parcel-bundler

安装的parcel 运行起来会有一个报错
在这里插入图片描述
换个版本就好了

打开项目终端
我们先执行

npm uninstall parcel-bundler

将错误的版本给他干掉
然后执行

npm install parcel

安装正确的版本

然后运行项目
在这里插入图片描述
在浏览器中访问地址就一切正常了
在这里插入图片描述

瑞晟技术服务中心-耿瑞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
parcel-plugin-eslint：:package:使包裹支持ESlint
02-05
插件应使用前缀parcel-plugin-命名，例如parcel-plugin-foo。 package.json中列出的带有此前缀的所有依赖项都将在初始化期间自动加载。 您必须node >= 8 npm i parcel-plugin-eslint -D例子-也许您喜欢弄清楚一些...
parcel-boilerplate::package: Parcel 样板，自动部署到 GitHub 页面
05-31
包裹样板将 Parcel 与 GitHub 页面一起使用以获得无缝的开发体验。为什么要用这个？ 除了所有默认包裹功能： 包括萨斯轻松部署到gh-pages分支。 不是手动过程，只需运行npm run deploy命令如何导入图片、拆分代码和...
【已解决】Uncaught ReferenceError: require is not defined
木得是的博客
06-14 3万+
当我们使用electron的时候，想要使用nodejs以及第三方的时候出现Uncaught ReferenceError: require is not defined，这种问题的时候，也许并不是我们的问题而是少了配置。也可能是版本的问题。 如图： 而我们只需要再加一个配置，这个错误提示就会消失， webPreferences: { nodeIntegration: true, contextIsolation:false // 把这一项加上错误就会消失 } 补充： nodeInteg
关于vue3 的vue-router.mjs:3434 ReferenceError: parcelRequire is not defined
weixin_43492777的博客
08-23 1180
解决方案就是显示声明。
parcel 报错问题
FE-阿阳的博客
02-07 1622
parcel 报错问题 问题描述 学习 parcel（号称0配置的打包工具）的时候报错： Unhandled promise rejection (rejection id: 1): SyntaxError: ‘super’ keyword unexpected here 解决方案 parcel 说明上是支持 node 6+，但是还是报错。node 6+ 不支持 async 函
Uncaught ReferenceError: require is not defined
知识改变一切
10-13 3万+
原文地址：https://segmentfault.com/q/1010000005938169/a-1020000005938219 使用babel编译es6，import被转换成require，但是浏览器并不认识require babel 只是帮助你转译语法，需要转译为浏览器端可用的代码我们还是需要使用 webpack parcel 之类的打包工具...
浏览器报错Uncaught ReferenceError: require is not defined解决方案
weixin_42082342的博客
04-19 5412
Uncaught ReferenceError: require is not defined
Parcel服务报错:regeneratorRuntime is not defined
天问博客-专注于大前端技术
04-14 519
在使用 Parcel 前端打包工具来启动本地服务时，console 控制台报错：Uncaught ReferenceError: regeneratorRuntime is not defined，查阅资料得知：regeneratorRuntime 是打包工具生成的一个全局辅助函数，由 babel 生成，用于兼容 async/await 的语法，所以需要配置相应的 babel 插件。
parcel-plugin-transformify:包裹插件运行您的browserify转换
05-01
这是实验性的 :microscope: 用于运行browserify转换的包裹插件。 用法 安装transformify $ npm install --save-dev parcel-plugin-transformify 使用package.json中的browserify键配置转换 { ... " browserify " ...
parcel-plugin-gas::cyclone:启用Google App脚本捆绑功能的Parcel插件
04-29
包裹插件气体 :cyclone: 启用Google App脚本捆绑的Parcel插件。 这是Parcel v1的插件。... 这就是为什么默认的Parcel捆绑包无法在Google的运行时环境下运行的原因。 通过将方法附加到源代码中的GAS实体，您可以避
parcel-plugin-typescript：:police_car_light:对Parcel的增强TypeScript支持
01-30
增强的Parcel TypeScript集成。 Parcel本机支持的差异 虽然Parcel具有对TypeScript的内置转码支持，但此插件提供了。 如果只需要转译，则可能不需要此插件。 您可以将此插件视为awesome-typescript-loader或ts-...
Parcel 实践指南
小亮同学
04-11 599
Parcel 是一个极速零配置的 Web 应用程序打包器。它的零配置特性使得开发者可以更快速地进行项目的构建。本文将向你展示如何在项目中实践 Parcel，并讨论一些性能优化策略以及不同场景下的最佳实践。
解决require is not defined的报错问题
darabiuz的博客
04-20 3万+
浏览器识别不了require关键字，只需要导入require.js这一个库就好了 通过npm install require.js --save安装好这个库 会安装到nodemodule目录下 取得require.js文件，然后在index.html文件最前端引入即可
【已解决】Uncaught ReferenceError require is not defined
m0_54852350的博客
03-06 3591
当我们使用electron的时候，想要使用nodejs以及第三方的时候出现Uncaught ReferenceError: require is not defined，这种问题的时候，也许并不是我们的问题而是少了配置。也可能是版本的问题。 如图： 而我们只需要再加一个配置，这个错误提示就会消失， webPreferences: { nodeIntegration: true, contextIsolation:false // 把这一项加上错误就会消失 } 补充： nodeInteg
解决浏览器 require is not defined 的报错问题
徐亦快的踩坑记录
10-10 3万+
那就让打包出来的代码别有require，换句话说，webpack应该打包出一个适用于ES6环境下的代码。在node环境中引入了一些包，用webpack打包后放在浏览器环境中，浏览器报错。是浏览器环境下的ESModule。ESModule不认识require。是node环境下的CommonJs，而require是node的一个私有的全局方法。
parcel打包之后 Uncaught ReferenceError: regeneratorRuntime is not defined
知识改变一切
10-06 3225
参考：https://blog.csdn.net/qq_40028324/article/details/81235290 结合自身问题： 因为我用 parcel 运行的是 index.html,其中引入了 index.js, 所以我只需要在index.js 最上边引入 require('babel-polyfill')就解决了   .babelrc { "presets":...
JS报错：require is not defined
热门推荐
wml00000的博客
11-17 16万+
报错原因： 浏览器端不能识别require关键字，require是node.js环境下的，在node_modules文件夹里面的模块下面常见require 解决方法： 通过工具browserify或者是webpack把js文件编译一下，转成浏览器端可识别的。 //安装browserify ,我这里是全局安装 npm install -g browserify // 编译 browse...
require is not defined
AinUser的博客
05-12 7265
这个问题是因为：你需要用到echarts/echarts.js这个js文件，而你没有导入，所以才会报错 [html] view plain copy
Vue开发中regeneratorRuntime is not defined
07-18 7459
1.需求描述 想先让其他异步接口发送请求响应后，再发送详情接口，以便于正常渲染页面 2.使用场景 在vue项目中使用 async await处理并行多个异步,是因为项目中没有使用transform-runtime将es6+转换成es5 3.解决思路 注意：不建议使用babel-polyfill，因为这个太大了，现在6.0版本的babel改成了插件的形式，现在推荐的是transform...
浏览器报错Uncaught ReferenceError: exports is not defined
最新发布
08-17
这个错误通常发生在浏览器环境中，因为浏览器不支持 CommonJS 的模块化语法。在浏览器中，你无法直接使用 `exports` 对象来导出模块。 解决这个问题的方法之一是使用模块打包工具，如Webpack或Parcel，来将你的代码转换为浏览器可识别的格式。这些工具可以将模块化的代码打包成单个文件，以便在浏览器中运行。 另外，你还可以使用ES6的模块化语法来导出和导入模块。你可以使用`export`关键字来导出变量、函数或类，然后使用`import`关键字来导入它们。但请注意，这种方式也需要通过模块打包工具进行转换才能在浏览器中正常运行。 总之，如果你在浏览器中遇到了类似的错误，请确保你的代码在浏览器环境下可运行，并使用适当的模块化语法和工具进行转换。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值