ruby-on-rails - Rails 6 无法部署到 Heroku : ModuleNotFoundError: Module not found: Error: Can't resolve '@popperjs/core' in '/tmp-6ren

ruby-on-rails - Rails 6 无法部署到 Heroku : ModuleNotFoundError: Module not found: Error: Can't resolve '@popperjs/core' in '/tmp

转载作者：行者123 更新时间：2023-12-04 14:29:13

我正在尝试将我的 Rails 6 类博客应用程序部署到 Heroku，自从我添加了 Bootstrap 来做一些样式后，我再也无法编译和推送了。这是我收到的消息:
ModuleNotFoundError:找不到模块:错误:无法解析“@popperjs/core”....
如果有人知道如何解决此错误，请告诉我。
代码可以在这里找到:https://github.com/parK-dev/Alpha-Blog
请注意，这是我第一次尝试 Rails，我是开发新手，希望得到明确的指示，谢谢。

-----> Building on the Heroku-20 stack
-----> Ruby app detected
-----> Installing bundler 2.1.4
-----> Removing BUNDLED WITH version in the Gemfile.lock
-----> Compiling Ruby/Rails
-----> Using Ruby version: ruby-3.0.0
-----> Installing dependencies using bundler 2.1.4
       Running: BUNDLE_WITHOUT='development:test' BUNDLE_PATH=vendor/bundle BUNDLE_BIN=vendor/bundle/bin BUNDLE_DEPLOYMENT=1 bundle install -j4
       Using rake 13.0.3
       Using concurrent-ruby 1.1.8
       Using i18n 1.8.8
       Using minitest 5.14.3
       Using tzinfo 2.0.4
       Using zeitwerk 2.4.2
       Using activesupport 6.1.1
       Using builder 3.2.4
       Using erubi 1.10.0
       Using racc 1.5.2
       Using nokogiri 1.11.1 (x86_64-linux)
       Using rails-dom-testing 2.0.3
       Using crass 1.0.6
       Using loofah 2.9.0
       Using rails-html-sanitizer 1.3.0
       Using actionview 6.1.1
       Using rack 2.2.3
       Using rack-test 1.1.0
       Using actionpack 6.1.1
       Using nio4r 2.5.4
       Using websocket-extensions 0.1.5
       Using websocket-driver 0.7.3
       Using actioncable 6.1.1
       Using globalid 0.4.2
       Using activejob 6.1.1
       Using activemodel 6.1.1
       Using activerecord 6.1.1
       Using mimemagic 0.3.5
       Using marcel 0.3.3
       Using activestorage 6.1.1
       Using mini_mime 1.0.2
       Using mail 2.7.1
       Using actionmailbox 6.1.1
       Using actionmailer 6.1.1
       Using actiontext 6.1.1
       Using msgpack 1.4.2
       Using bootsnap 1.7.0
       Using bundler 2.2.3
       Using ffi 1.14.2
       Using jbuilder 2.11.2
       Using method_source 1.0.0
       Using pg 1.2.3
       Using puma 5.2.0
       Using rack-proxy 0.6.5
       Using thor 1.1.0
       Using railties 6.1.1
       Using sprockets 4.0.2
       Using sprockets-rails 3.2.2
       Using rails 6.1.1
       Using sassc 2.4.0
       Using tilt 2.0.10
       Using sassc-rails 2.1.2
       Using sass-rails 6.0.0
       Using semantic_range 2.3.1
       Using turbolinks-source 5.2.0
       Using turbolinks 5.2.1
       Using webpacker 5.2.1
       Bundle complete! 17 Gemfile dependencies, 57 gems now installed.
       Gems in the groups development and test were not installed.
       Bundled gems are installed into `./vendor/bundle`
       Removing bundler (2.1.4)
       Bundle completed (0.55s)
       Cleaning up the bundler cache.
-----> Installing node-v12.16.2-linux-x64
-----> Installing yarn-v1.22.4
-----> Detecting rake tasks
-----> Preparing app for Rails asset pipeline
       Running: rake assets:precompile
       yarn install v1.22.4
       warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
       [1/4] Resolving packages...
       [2/4] Fetching packages...
       info fsevents@2.3.1: The platform "linux" is incompatible with this module.
       info "fsevents@2.3.1" is an optional dependency and failed compatibility check. Excluding it from installation.
       info fsevents@1.2.13: The platform "linux" is incompatible with this module.
       info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
       [3/4] Linking dependencies...
       warning " > bootstrap@5.0.0-beta1" has unmet peer dependency "@popperjs/core@^2.5.4".
       warning " > webpack-dev-server@3.11.2" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
       warning "webpack-dev-server > webpack-dev-middleware@3.7.3" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
       [4/4] Building fresh packages...
       Done in 26.67s.
       I, [2021-02-11T21:45:58.554126 #303]  INFO -- : Writing /tmp/build_f6d49c25/public/assets/jumbotron-4e5a1586b8afb6f5e26722d19ec0227e803b1d6618993041f7e1411fffc5bb69.jpg
       I, [2021-02-11T21:45:58.555799 #303]  INFO -- : Writing /tmp/build_f6d49c25/public/assets/application-c7c465c57bf58300b796315902849aa287f9b5b88a643b887e9e748ebb91f409.css
       I, [2021-02-11T21:45:58.556164 #303]  INFO -- : Writing /tmp/build_f6d49c25/public/assets/application-c7c465c57bf58300b796315902849aa287f9b5b88a643b887e9e748ebb91f409.css.gz
       I, [2021-02-11T21:45:58.556594 #303]  INFO -- : Writing /tmp/build_f6d49c25/public/assets/jumbotron-4e5a1586b8afb6f5e26722d19ec0227e803b1d6618993041f7e1411fffc5bb69.jpg
       I, [2021-02-11T21:45:58.557113 #303]  INFO -- : Writing /tmp/build_f6d49c25/public/assets/custom-7137798345420ff198a899149dea901836a9003f4d0caf633b5ec120aeb44dba.css
       I, [2021-02-11T21:45:58.557217 #303]  INFO -- : Writing /tmp/build_f6d49c25/public/assets/custom-7137798345420ff198a899149dea901836a9003f4d0caf633b5ec120aeb44dba.css.gz
       I, [2021-02-11T21:45:58.557349 #303]  INFO -- : Writing /tmp/build_f6d49c25/public/assets/jumbotron-4e5a1586b8afb6f5e26722d19ec0227e803b1d6618993041f7e1411fffc5bb69.jpg
       Compiling...
       Compilation failed:
       ModuleNotFoundError: Module not found: Error: Can't resolve '@popperjs/core' in '/tmp/build_f6d49c25/node_modules/bootstrap/dist/js'
           at /tmp/build_f6d49c25/node_modules/webpack/lib/Compilation.js:925:10
           at /tmp/build_f6d49c25/node_modules/webpack/lib/NormalModuleFactory.js:401:22
           at /tmp/build_f6d49c25/node_modules/webpack/lib/NormalModuleFactory.js:130:21
           at /tmp/build_f6d49c25/node_modules/webpack/lib/NormalModuleFactory.js:224:22
           at /tmp/build_f6d49c25/node_modules/neo-async/async.js:2830:7
           at /tmp/build_f6d49c25/node_modules/neo-async/async.js:6877:13
           at /tmp/build_f6d49c25/node_modules/webpack/lib/NormalModuleFactory.js:214:25
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/Resolver.js:213:14
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/Resolver.js:285:5
           at eval (eval at create (/tmp/build_f6d49c25/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:44:7
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/Resolver.js:285:5
           at eval (eval at create (/tmp/build_f6d49c25/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/Resolver.js:285:5
           at eval (eval at create (/tmp/build_f6d49c25/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:25:1)
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/Resolver.js:285:5
           at eval (eval at create (/tmp/build_f6d49c25/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:41:1)
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/ModuleKindPlugin.js:30:40
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/Resolver.js:285:5
           at eval (eval at create (/tmp/build_f6d49c25/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/Resolver.js:285:5
           at eval (eval at create (/tmp/build_f6d49c25/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:14:1)
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/forEachBail.js:30:14
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/Resolver.js:285:5
           at eval (eval at create (/tmp/build_f6d49c25/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/UnsafeCachePlugin.js:44:7
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/Resolver.js:285:5
           at eval (eval at create (/tmp/build_f6d49c25/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:13:1)
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/Resolver.js:285:5
           at eval (eval at create (/tmp/build_f6d49c25/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:25:1)
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/DescriptionFilePlugin.js:67:43
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/Resolver.js:285:5
           at eval (eval at create (/tmp/build_f6d49c25/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:14:1)
           at /tmp/build_f6d49c25/node_modules/enhanced-resolve/lib/RootPlugin.js:37:38
           at _next42 (eval at create (/tmp/build_f6d49c25/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
       resolve '@popperjs/core' in '/tmp/build_f6d49c25/node_modules/bootstrap/dist/js'
         Parsed request is a module
         using description file: /tmp/build_f6d49c25/node_modules/bootstrap/package.json (relative path: ./dist/js)
           Field 'browser' doesn't contain a valid alias configuration
           resolve as module
             looking for modules in /tmp/build_f6d49c25/app/javascript
               using description file: /tmp/build_f6d49c25/package.json (relative path: ./app/javascript)
                 Field 'browser' doesn't contain a valid alias configuration
                 using description file: /tmp/build_f6d49c25/package.json (relative path: ./app/javascript/@popperjs/core)
                   no extension
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core doesn't exist
                   .mjs
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.mjs doesn't exist
                   .js
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.js doesn't exist
                   .sass
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.sass doesn't exist
                   .scss
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.scss doesn't exist
                   .css
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.css doesn't exist
                   .module.sass
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.module.sass doesn't exist
                   .module.scss
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.module.scss doesn't exist
                   .module.css
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.module.css doesn't exist
                   .png
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.png doesn't exist
                   .svg
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.svg doesn't exist
                   .gif
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.gif doesn't exist
                   .jpeg
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.jpeg doesn't exist
                   .jpg
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core.jpg doesn't exist
                   as directory
                     /tmp/build_f6d49c25/app/javascript/@popperjs/core doesn't exist
             /tmp/build_f6d49c25/node_modules/bootstrap/dist/js/node_modules doesn't exist or is not a directory
             /tmp/build_f6d49c25/node_modules/bootstrap/dist/node_modules doesn't exist or is not a directory
             /tmp/build_f6d49c25/node_modules/bootstrap/node_modules doesn't exist or is not a directory
             /tmp/build_f6d49c25/node_modules/node_modules doesn't exist or is not a directory
             /tmp/node_modules doesn't exist or is not a directory
             /node_modules doesn't exist or is not a directory
             looking for modules in /tmp/build_f6d49c25/node_modules
               using description file: /tmp/build_f6d49c25/package.json (relative path: ./node_modules)
                 Field 'browser' doesn't contain a valid alias configuration
                 using description file: /tmp/build_f6d49c25/package.json (relative path: ./node_modules/@popperjs/core)
                   no extension
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core doesn't exist
                   .mjs
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.mjs doesn't exist
                   .js
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.js doesn't exist
                   .sass
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.sass doesn't exist
                   .scss
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.scss doesn't exist
                   .css
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.css doesn't exist
                   .module.sass
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.module.sass doesn't exist
                   .module.scss
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.module.scss doesn't exist
                   .module.css
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.module.css doesn't exist
                   .png
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.png doesn't exist
                   .svg
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.svg doesn't exist
                   .gif
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.gif doesn't exist
                   .jpeg
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.jpeg doesn't exist
                   .jpg
                     Field 'browser' doesn't contain a valid alias configuration
                     /tmp/build_f6d49c25/node_modules/@popperjs/core.jpg doesn't exist
                   as directory
                     /tmp/build_f6d49c25/node_modules/@popperjs/core doesn't exist
       
 !
 !     Precompiling assets failed.
 !
 !     Push rejected, failed to compile Ruby app.
 !     Push failed

最佳答案

我已经找到了解决我遇到的同样问题的方法。代码好像

yarn add bootstrap jquery popper.js

已过时，用于 bootstrap 4 .
我自己一直在使用/开发 bootstrap 5 因此我不得不使用

yarn remove bootstrap jquery popper.js

而是运行，对于 bootstrap 5

yarn add bootstrap@next jquery @popperjs/core

关于ruby-on-rails - Rails 6 无法部署到 Heroku : ModuleNotFoundError: Module not found: Error: Can't resolve '@popperjs/core' in '/tmp，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/66163589/

文章推荐： video - 使用 ffmpeg 和 xfade 过滤器合并多个视频文件

文章推荐： sql-server - 如何在 SSIS 中为 OLE DB 连接使用变量

文章推荐： scala - 使用一次性 header 处理 Akka 流

module - Perl6 : use module inside other module
我有 4 个文件。 C:\perlCode2\start.pl6 C:\perlCode2\file0.pm6 C:\perlCode2\folder1\file1.pm6 C:\perlCode2\
python - 如何构建模块以避免出现类似 "import module.module.module"的情况
我有一个结构如下的模块: /module __init__.py /submod_1 __init__.py submod_1_class.py
java模块访问问题: "Class in a module cannot access class in unnamed module because module x does not read unnamed module y"
我的源代码在 java 7 上编译并在 java 11 上运行。我正在尝试将 imperva RASP 作为 java 代理集成到 tomcat 中。但是，当我启动 tomcat 服务器时，它抛出以
node.js - 为什么 module.export { ...require ('module' ) } 有效，但 module.export { require ('module' ) } 不起作用
justExport.js const first = () => { console.log('frist from justExport') } const second = () => {
typescript - typescript 文件中的 module.exports 返回 'module is not a module.'
以下模块用JS文件编写: module.exports = { propA: 1, propB: 2 } 允许稍后从模块导入属性，如:从“路径/到/模块”导入 { propA} 然而，将文件格
angular - 如何在嵌套延迟加载模块中实现 ngx 翻译(App Module->(Module 1->(Module 2)))
我一直在尝试在嵌套的惰性加载模块中实现ngx翻译，但一直未能如愿。我面临的唯一问题是，每当我通过选择器更改语言时，嵌套延迟加载模块中的语言都不会更改。 HttpLoader 工作正常，其他一切工作正常
r - 将 Shiny Modules 中的数据从 Module 1 传递到 Module 2
我没有可重复的示例，因为问题更多是关于模块如何工作。我试图了解如何将一些 react 功能从一个模块传递到下一个模块。过去我收到过有关使用 ObserveEvent 的回复，但是当我在一个模块中使用响
module - "High-level modules"和 "low-level modules"是什么(在依赖倒置原则的背景下)？
我正在阅读Wikipedia's definition of Dependency inversion principle ，它使用了两个术语高级模块和低级模块，我无法弄清楚。它们是什么以及依赖倒置
module - OCaml 模块 : bringing (interconnected) types from different modules into a new module
问题我遇到的一个问题是将两个模块的类型和值带入一个新的组合模块中。我举个例子。目前我有以下两种类型签名 module type Ordered = sig type t (* the type
javascript - 当没有定义默认导出时，import Module from 'module' 会导入什么？为什么它与 import * as Module 不同？
我是 JavaScript 的新手，最近一直在努力处理导入问题。有一件事我无法理解。在较旧的节点模块(主要是那些在 ES6 之前出现的模块)中，可以使用 npm 安装，例如 express，通常没有
javascript - 如何将 ./[module] 映射到 System.JS 中的/[module]/[module].js？
我正在尝试使用 System.JS 将 material-ui 导入我的 React 应用在我的应用中，我这样做: import {AppBar, Tabs, Tab, Card, CardTitl
module - 在当前命名空间中声明一个模块用于 `module->exports`
我想使用功能module->exports查找模块提供的所有导出。不幸的是，传递给该函数的模块必须在当前命名空间中声明，然后才能在其上使用该函数。当我静态地知道模块是什么时，这没问题，我只需要将其引入
python : how to import module in other module
目录结构如下 outdir |--lib |--- __init__.py |--- abc.py |--indir
angular - 错误 : Cannot find module 'app/MyComponent/MyComponent.module' Error: Cannot find module
这与提到的非常相似 here但是评论或回答中提供的每个解决方案都没有解决我的问题。想看看是否还有其他我应该看的东西。我尝试了不同的路径，比如 ./app/mycomponent/mycomponent
Angular ngrx-store : How to share store among modules (main module/feature module)
我有两个 Angular 模块:main 和 feature: 主/根模块: @NgModule({ imports: [ StoreModule.forRoot({route
module - 中的文件 ""第 6 行 ImportError : No module named Crypto. 密码
我尝试在 Ubuntu 04.12 LTS x64 中安装“Userful MultiSeat-X64-5.0.1 ...”，在安装结束时遇到以下错误: File "", line 6, in Im
javascript - Import { module } from lib 和 import module from lib/module 在 Javascript 中的区别
我正在尝试优化我的 vendor bundle.js，因为它已经膨胀并且我正在使用 material-ui 库。 import Card from 'material-ui'; // Very bad
windows - 导入模块 : The specified module 'msonline' was not loaded because no valid module file was found in any module directory
错误: Import-Module : The specified module 'msonline' was not loaded because no valid module file was
active-directory - 导入模块 : The specified module 'activedirectory' was not loaded because no valid module file was found in any module directory
我在 Server 2008 SP2(64 位)上执行导入模块 ActiveDirectory 时遇到问题。 NET Framework 3.5 SP1 已安装我下载了 Windows6.0-KB9
sql-server - 导入模块 : The specified module 'SqlServer' was not loaded because no valid module file was found in any module directory
嗯，你好! 我正在编写一个脚本来获取 Sql 作业历史记录，并且需要使用“SqlServer”模块。它已安装，但由于上面的错误消息，我无法导入它。当我到达模块路径时，文件夹“SqlServer”存在并

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

ruby-on-rails - Rails 6 无法部署到 Heroku : ModuleNotFoundError: Module not found: Error: Can't resolve '@popperjs/core' in '/tmp