Uncaught Error: Cannot find module ‘popper.js‘

最新推荐文章于 2024-01-17 13:44:50 发布
最新推荐文章于 2024-01-17 13:44:50 发布
阅读量1.3k 收藏
点赞数
分类专栏： CesiumJS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15267341/article/details/113936139
版权
在 Electron 应用中使用 require 引入 Bootstrap 时遇到了 'popper.js' 模块找不到的错误。通过运行 `npm install popper.js` 安装缺失的依赖后，问题得到解决，Bootstrap 能够正常工作。此博客由徐海涛分享，并提供了 QQ 技术交流群号以便进一步讨论。
摘要由CSDN通过智能技术生成

 npm install bootstrap

 <link rel="stylesheet" type="text/css" href="../node_modules/bootstrap/dist/css/bootstrap.css">
require('../node_modules/bootstrap');

electron 中使用require引入bootstrap，运行eclectron，报如下错误

Uncaught Error: Cannot find module 'popper.js'

解决办法:

npm install popper.js

然后再次运行electron就没有报错，可以正常使用bootstrap

 

FR:徐海涛（hunk Xu)
QQ技术交流群：386476712

海涛高软
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决使用bootstrap的dropdown部件时报错：error：Bootstrap dropdown require Popper.js问题
10-18
然而，在尝试使用dropdown部件时，开发者可能会遇到一个常见的错误提示：“error：Bootstrap dropdown require Popper.js”。这个错误是由于Bootstrap 4及以上版本依赖于Popper.js库来实现dropdown菜单的定位功能。...
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
10-21
主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
nuxt3 Cannot find package ‘@popperis/core‘ 开发过程与踩坑记录心得
最新发布
SunnyRun
01-17 1271
1、官网只解释了自定义路由的添加方法并未详细做出解释在哪块2、官网其实是有个文件的路径显示，在根路径下面创建app文件夹3、在app文件夹下面创建router.options.ts文件作为自定义路由4、示例: 添加后缀让我们的项目更加像html书写出来的也叫伪静态，动态路由有利于后台管理平台或者低代码生成我们的想要的界面，更加便捷与灵活，减少开发成本，只需要固定的生成方式即可；
【nuxt3】nuxt3.*无法将 @popperjs_core 打包，浏览器显示500
明天你好-博客
12-06 1329
在nuxt3中引入Element Plus后，可以正常运行 pnpm run dev，运行 pnpm run build 后，可以正常运行 node ./.output/server/index.mjs，此时一切正常。这可以带来一些优势，例如减小磁盘占用，加快安装速度，但也可能引入一些潜在的依赖冲突问题，因为不同项目可能需要不同版本的同一个依赖。这种配置的效果是，项目中的所有依赖都会被 hoist（提升），并放置在项目的根目录的。的一种模式，其作用是将所有依赖的模块都安装在项目根目录的。
Module not found: Error: Can’t resolve ‘popper.js’ ….错误解决办法
热门推荐
gouzhun247的博客
04-12 1万+
引入bootstrap后，webpack打包报错Module not found: Error: Can't resolve 'popper.js' .... 这是因为使用webpack打包bootstrap4的时候，需要手动安装popper.jsnpm install bootstrap@4.0.0-beta -D npm install popper.js -D...
【Nuxt3】Vue3 + Element-plus 打包后报错 @popperjs/core
iuukai
09-18 4836
Named export 'placements' not found. The requested module '@popperjs/core' is a CommonJS module, which may not support all module.exports as named exports.
Bootstrap-Popper-js获取失败解决方案
技术圈
06-04 2237
Bootstrap-Popper-js获取失败解决方案boot基础引用boot基础规则boot基础引用方法网络资源引用Bootstrap's dropdowns require Popper.js报错报错原因解决方案 我们有时会遇到下拉框无法正常显示等问题,网页报错为Bootstrap's dropdowns require Popper.js即popper.js错误。这种问题可能是由于我们在复制文件时复制错误导致的，值得注意的是，在下载的popper包中,存在两个popper..min.js文件，
小程序报错 WAService.js:3 Uncaught Error: module ＂src/utils/utils.js＂ is not defined
03-29
编译程序时候老是报module "src/utils/utils.js" is not defined的错，狂问度娘也没结果 后来静下来想才尝试弄正确： 我本来的页面地址是："src/main/welcome/welcome" 在这个页面的基础上要加载utils.js，所以按照...
报错：Uncaught SyntaxError: Cannot use import statement outside a module 详解
01-07
JS错误Uncaught SyntaxError: Cannot use import statement outside a module< 分析及解决方法 错误信息： 错误分析： HTML 网页中，浏览器通过 script 标签加载 JavaScript 脚本。由于浏览器脚本的默认语言是 ...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
总结来说，当遇到`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`的错误时，首先要检查是否有在同一个文件中混合使用`import/export`和`require/module.exports`的情况...
popper.js-1.12.7版
10-17
bootstrap4所需的popper.js，支持bootstrap的扩展功能
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
10-21
在JavaScript编程中，`Uncaught SyntaxError: Unexpected token ILLEGAL` 是一个常见的错误，它通常意味着解析器在解析代码时遇到了一个无法识别的字符或符号，导致语法错误。这个错误通常发生在代码的某个地方违反...
JQuery报错Uncaught TypeError: Illegal invocation的处理方法
10-24
主要介绍了JQuery报错"Uncaught TypeError: Illegal invocation"的处理方法,需要的朋友可以参考下
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
npm报错 Cannot find module ‘@vuepress\core\node_m
资深全栈开发工程师
08-21 1133
如果还是无法解决问题，可能是由于依赖包的版本不兼容导致的。您可以尝试将相关依赖包的版本进行调整，或者查看项目的文档或社区来了解是否有其他用户报告类似的问题以及解决方法。通常是由于缺少依赖包或者依赖包版本不兼容引起的。如果上述步骤都没有解决问题，可以尝试清除 npm 缓存，然后再次运行。如果更新依赖包后仍然有问题，可以尝试删除。确保您的项目的依赖包是最新的，可以运行。命令来重新安装依赖包。
Nuxt脚手架创建项目后无法使用import的解决方法
weixin_43964148的博客
01-30 461
1.在使用babel：在package.json中添的 如下部分 但是仅仅如此还是不足以解决问题，需要创建一个文件 .babelrc 并写入 { "presets": ["es2015"] } 接着安装 $ npm install babel-preset-es2015 重新启动，没有问题，说明成功 ...
如何实现一个tooltip指令
weixin_42470796的博客
09-19 1419
导读 最近碰到一个问题，一个标题过长导致了换行，页面效果类似于下面这样 ---- 给出一张模拟图--- 我就想用css的的ellipsis来让超出最大允许宽度的后显示省略号，但是呢，鼠标浮动还是要显示标题的是吧？加上目前项目又是使用了element-ui,那就用tooltip组件就完事了。然而，标题很短很短（不知道有没有某根牙签短）的时，我并不想让它显示tooltip,这就需要在mouseenter时做出判断了。然鹅，本来想套tooltip发现实在有点达不到预想的效果，又研究了tooltip的底层实现机制，
Node.js Cannot find module ‘xxx‘ 问题的解决办法
雪野Solye的博客
05-13 3920
问题 Cannot find module ‘xxx’ 使用node.js的require方法加载模块失败。 解决 如果没有npm install xxx，先要install，在当前路径下安装能直接加载。 如果是全局安装需要配置环境变量。 我这里的是mongodb模块，没有找到，报错：没有在当前的环境中找到mongodb模块。 我的mongodb是全局下载的，而且已经配置了全局的环境变量，按理来说应该是直接获取的，但是实际上不行，原因就是我的全局变量配置在node_global文件下，但是mongodb下
Uncaught Error: Cannot find module 'web3'
03-30
This error occurs when the system is unable to locate the required module 'web3'. Possible reasons for this error could be: 1. The 'web3' module is not installed: You need to install the 'web3' ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值