【发布时间】: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