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 流

python - 弃用警告 : please use dns. resolver.Resolver.resolve()
我使用 resolver() 作为 socket() 的替代方法，因为我发现当多个连接建立到不同的 IP 时，它最终会停止工作。无论如何它会向我返回一个警告，我应该使用 dns.resolver.R
javascript - Promise.resolve 与 resolve
我有这个代码: var promise1 = new Promise(function(resolve, reject) { setTimeout(() => { console
php - "resolved"/"resolving"术语在 PHP 中的实际含义是什么？
我仍在学习 PHP，我认为我不是母语人士，这并不难理解。此时，看了一大堆文档，跳入了深水区，于是打开Laravel源文件，一个接一个地看，试图更好地理解MVC的整个实现，包括路由、中间件如何组合成一
c# - 这段代码中的 IEventRepository 是什么？ Resolver.resolve( ) 是做什么的？
public JsonResult GetEvents(double start, double end) { var userName = Session["UserName"] as st
javascript - Promise.resolve 与 new Promise(resolve)
我正在使用 bluebird，我看到了两种将同步函数解析为 Promise 的方法，但我不明白这两种方法之间的区别。看起来堆栈跟踪有点不同，所以它们不仅仅是一个别名，对吧？那么首选的方式是什么？方
javascript - Promise.resolve() 和 just resolve() 的区别？
我写了下面的代码: function readFile(path) { return new Promise(function(resolve, reject){ if(!fs
javascript - Promise.resolve 与 new Promise(resolve)
我正在使用 bluebird，我看到了两种将同步函数解析为 Promise 的方法，但我不明白这两种方法之间的区别。看起来堆栈跟踪有点不同，所以它们不仅仅是一个别名，对吧？那么首选的方式是什么？方
javascript - promise 。 return resolve() 和 resolve() 有什么区别？
在某处读过这个例子: return new Promise( (resolve, reject) => { fs.readFile(file, (err, data) => { if (e
javascript - 找不到模块 : Error: Can't resolve 'crypto' and Cant resolve 'fs'
我刚开始学习 React，我一直在尝试让我的 React 应用程序连接到我的数据库 var mysql = require('mysql'); var con = mysql.createConnec
javascript - $q.resolve() 与 deferred.resolve() 之间的区别 - AngularJS
我需要从 $http 调用中返回一个 promise 中的自定义响应，以便我可以链接更多调用。我有两个可用的实现。有人可以解释两者之间的区别，并争论其中一个更好吗？在 fooService.js 实
javascript - AngularJS $q.resolve()、ES6 Promise.resolve()(和其他动物)
免责声明:这里实际上提出了两个问题，但我觉得它们密切相关。我正在尝试将 promise 对象传递给指令，并且我想在 promise 解析后立即在指令中运行一些初始化代码。在我的 Controlle
c++ - boost::asio::ip::tcp::resolver::resolve() 永远阻塞
我正在尝试创建类似于 this code 的东西在 boost.asio 示例中找到。套接字.h: class some_class { private: ... boost
javascript - Promise((resolve,reject)=>{}) 和 Promise(resolve =>{}) 有什么区别？
正如我们所知，Promise 构造函数采用一个执行函数，该函数具有两个参数，我们使用它们来生成成功案例或失败案例。今天我在编程，我被卡住了，但后来我解决了这个问题，但我发现了一件事需要理解。有什么区
javascript - Promise.resolve 和 new Promise(resolve) 是否可以互换
我认为 Promise.resolve 和 new Promise(resolve) 可以互换。考虑一下: A. new RSVP.Promise(function (resolve, reject
java - "The import java.awt cannot be resolved"和 "***** cannot be resolved to a type"
我下载了一个 Java 项目，我想研究并从中学习一些东西。当我在另一台计算机上下载它时效果很好，但是当我在我的计算机上尝试时，几乎每个声明和导入都会给出错误消息“* cannot be resolve
c++ - 使用模板 : Operator resolved first or conversion resolved first?
我昨天看到了一些有趣的编译器行为，我想我明白为什么会这样，但我想确定一下。所以，我不会写我的推理，只写事实。请注意，我使用 vector 而不是 string 并不是错字。我是故意这样做的，这样编译
javascript - 找不到从`AppName/resolver Ember 测试中导入的模块 `ember-resolver`
我正在尝试运行 Ember 测试，它给出了这个错误，提示无法找到从 `AppName/resolver 导入的模块 ember-resolver。我不确定是什么原因造成的。我正在使用 Ember-c
javascript - 为什么用 p.then(resolve) 比用 resolve(p) 更早地解决新的 promise ？
Code#1 和 Code#2 的区别在于:Code#1 使用 resolve(p) 而 Code#2 使用 p.then(()=>resolve()) 。我希望输出序列是不变的，但它们会生成不同的序
intellij-idea - IntelliJ IDEA "cannot resolve symbol"和 "cannot resolve method"
IntelliJ IDEA 无法解析内置 JVM 类型和方法的常见原因有哪些？例如，当我将鼠标悬停在 String 上时，工具提示显示“无法解析符号“String””。就好像 IntelliJ 不知道
intellij-idea - IntelliJ IDEA "cannot resolve symbol"和 "cannot resolve method"
IntelliJ IDEA 无法解析内置 JVM 类型和方法的常见原因有哪些？例如，当我将鼠标悬停在 String 上时，工具提示显示“无法解析符号“String””。就好像 IntelliJ 不知道

行者123

个人简介

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

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

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