【问题标题】:Webpacker::Manifest::MissingEntryError in App#indexWebpacker::Manifest::MissingEntryError in App#index
【发布时间】:2021-07-13 09:47:32
【问题描述】:

我一直在尝试使用 Rails v. 6.0.2.1 设置我的开发环境,webpacker 在端口 3035 上创建服务器,同时在 5432 上运行 PostgreSQL 数据库。顺便说一句,这都是在 Windows 上完成的。

基本上,我一直遇到这样一个问题,即每当我设法获得与数据库的稳定连接时,webpacker 似乎无法编译我的代码,并且只会产生 MissingEntryError。我以前能够在我的 public/packs 中生成一个 Manifest.Json 文件,但据我了解,这个文件是由插件自动生成的。

知道我做错了什么吗?

webpacker.yml

# Note: You must restart bin/webpack-dev-server for changes to take effect

default: &default
  source_path: app/javascript
  source_entry_path: packs
  public_root_path: public
  public_output_path: packs
  cache_path: tmp/cache/webpacker
  check_yarn_integrity: false
  webpack_compile_output: true

  # Additional paths webpack should lookup modules
  # ['app/assets', 'engine/foo/app/assets']
  resolved_paths: []

  # Reload manifest.json on all requests so we reload latest compiled packs
  cache_manifest: false

  # Extract and emit a css file
  extract_css: false

  static_assets_extensions:
    - .jpg
    - .jpeg
    - .png
    - .gif
    - .tiff
    - .ico
    - .svg
    - .eot
    - .otf
    - .ttf
    - .woff
    - .woff2

  extensions:
    - .mjs
    - .js
    - .jsx
    - .sass
    - .scss
    - .css
    - .module.sass
    - .module.scss
    - .module.css
    - .png
    - .svg
    - .gif
    - .jpeg
    - .jpg

development:
  <<: *default
  compile: true

  # Verifies that correct packages and versions are installed by inspecting package.json, yarn.lock, and node_modules
  check_yarn_integrity: true

  # Reference: https://webpack.js.org/configuration/dev-server/
  dev_server:
    https: false
    host: localhost
    port: 3035
    public: localhost:3035
    hmr: false
    # Inline should be set to true if using HMR
    inline: true
    overlay: true
    compress: true
    disable_host_check: true
    use_local_ip: false
    quiet: false
    pretty: false
    headers:
      'Access-Control-Allow-Origin': '*'
    watch_options:
      ignored: '**/node_modules/**'


test:
  <<: *default
  compile: true

  # Compile test packs to a separate directory
  public_output_path: packs-test

production:
  <<: *default

  # Production depends on precompilation of packs prior to booting for performance.
  compile: false

  # Extract and emit a css file
  extract_css: true

  # Cache manifest.json for performance
  cache_manifest: true

这是 webpacker 错误日志

ActionView::Template::Error (Webpacker can't find application in C:/Users/Bruger/Desktop/hydac-rails/public/packs/manifest.json. Possible causes:
1. You want to set webpacker.yml value of compile to true for your environment
   unless you are using the `webpack -w` or the webpack-dev-server.
2. webpack has not yet re-run to reflect updates.
3. You have misconfigured Webpacker's config/webpacker.yml file.
4. Your webpack configuration is not creating a manifest.
Your manifest contains:
{
}
):
    18:
    19:     <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    20:     <%= stylesheet_pack_tag "application", media: "all", "data-turbolinks-track": "reload" %>
    21:     <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
    22:     <%= javascript_pack_tag 'app' %>
    23:     <%= stylesheet_pack_tag 'app' %>
    24:     <link href="https://fonts.googleapis.com/css?family=Heebo|Lato:400,700&display=swap" rel="stylesheet">

app/views/layouts/application.html.erb:21

基于@stwienert 提出的问题

webpack 的内容

#!/usr/bin/env ruby

ENV["RAILS_ENV"] ||= ENV["RACK_ENV"] || "development"
ENV["NODE_ENV"]  ||= "development"

require "pathname"
ENV["BUNDLE_GEMFILE"] ||= File.expand_path("../../Gemfile",
  Pathname.new(__FILE__).realpath)

require "bundler/setup"

require "webpacker"
require "webpacker/webpack_runner"

APP_ROOT = File.expand_path("..", __dir__)
Dir.chdir(APP_ROOT) do
  Webpacker::WebpackRunner.run(ARGV)
end

npx 运行 webpack 的输出

C:\Users\Bruger\Desktop\hydac-rails\bin\webpack:3
ENV["RAILS_ENV"] ||= ENV["RACK_ENV"] || "development"
                 ^^^

SyntaxError: Unexpected token '||='
    at wrapSafe (internal/modules/cjs/loader.js:979:16)
    at Module._compile (internal/modules/cjs/loader.js:1027:27)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
    at internal/main/run_main_module.js:17:47

还有一张我的 javascript/packs 文件夹的图片 javascript/packs folder

【问题讨论】:

  • bin/webpack 的输出是什么? app/javascript/packs/*的内容是什么?当 webpack 运行成功时,将创建清单。通常在没有单独的 webpack-dev-server 的情况下运行时,Rails 会在读取 javascript_pack_tag 时启动 webpack。
  • @stwienert 为问题添加了必要的文档
  • 我的意思是:当你 运行 ./bin/webpack. 时输出是什么
  • bin/webpack 是一个 ruby 可执行文件,它需要直接运行或通过 bundle exec 运行,而不是通过 npx。它将使用正确的参数自行调用 webpack。它将运行的命令如下::./node_modules/.bin/webpack -c config/webpack/development.js - 只需将 / 替换为 Windows 的 \,尽管:D
  • @stwienert 使用您给我的参数运行 bundle exec 命令提供以下输出:imgur.com/LBQZ7Qf

标签: ruby-on-rails reactjs webpack


【解决方案1】:

方法一:

  yarn add @rails/webpacker
  bundle update webpacker

方法二:

  RAILS_ENV={environment} bundle exec rails webpacker:install

方法三:

  rm -rf bin/webpack*
  RAILS_ENV={environment} bundle exec rails webpacker:compile

更多信息请参考link

【讨论】:

  • 你参考了上面的链接吗?它还包含其他一些答案
  • 运行窗口我无法在终端中复制这些命令并产生任何影响。
猜你喜欢
  • 2019-06-04
  • 2018-08-10
  • 2019-03-09
  • 2020-03-11
  • 1970-01-01
  • 2018-04-05
  • 1970-01-01
  • 1970-01-01
  • 2022-12-26
相关资源
最近更新 更多