文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >如何使Webpacker在我的Rails项目中立即编译？

问如何使Webpacker在我的Rails项目中立即编译？
EN

Stack Overflow用户
提问于 2022-03-17 12:12:08
回答 1查看 230关注 0票数 0

当我使用docker-compose up rails命令启动服务器时，会显示一个[Webpacker] Compiling...，它持续大约10秒，然后给出这个输出

代码语言：javascript
复制
rails_1      | [Webpacker] Compilation failed:
rails_1      | Hash: e1d0cde8c28f1ff2a0a2
rails_1      | Version: webpack 4.46.0
rails_1      | Time: 19214ms
rails_1      | Built at: 03/17/2022 11:42:08 AM
rails_1      |                                                              Asset      Size            Chunks                         Chunk Names
rails_1      |                             js/application-e9da3e13d93a6c1058bd.js  5.54 MiB       application  [emitted] [immutable]  application
rails_1      |                         js/application-e9da3e13d93a6c1058bd.js.map  5.14 MiB       application  [emitted] [dev]        application
rails_1      |                                   js/board-48bc7b5cbf760044039a.js  3.77 MiB             board  [emitted] [immutable]  board
rails_1      |                               js/board-48bc7b5cbf760044039a.js.map  3.88 MiB             board  [emitted] [dev]        board
rails_1      |                                js/provider-c2471a0d3965537a7a3f.js  3.74 MiB          provider  [emitted] [immutable]  provider
rails_1      |                            js/provider-c2471a0d3965537a7a3f.js.map  3.85 MiB          provider  [emitted] [dev]        provider
rails_1      |                        js/server_rendering-a1f5869b9a9be21b0a76.js  9.15 MiB  server_rendering  [emitted] [immutable]  server_rendering
rails_1      |                    js/server_rendering-a1f5869b9a9be21b0a76.js.map  8.51 MiB  server_rendering  [emitted] [dev]        server_rendering
rails_1      |                                                      manifest.json  1.61 KiB                    [emitted]              
rails_1      |  media/fonts/OpenSans-Regular-d7d7b8359eeb9cddfba6cd4cef3c1702.ttf   127 KiB                    [emitted]              
rails_1      | media/fonts/OpenSans-SemiBold-d7261533b9a545ddc769dc2fe86dc40e.ttf   127 KiB                    [emitted]              
rails_1      |                                     media/images/logo-cfbdadde.png  1.07 KiB                    [emitted]              
rails_1      | Entrypoint application = js/application-e9da3e13d93a6c1058bd.js js/application-e9da3e13d93a6c1058bd.js.map
rails_1      | Entrypoint board = js/board-48bc7b5cbf760044039a.js js/board-48bc7b5cbf760044039a.js.map
rails_1      | Entrypoint provider = js/provider-c2471a0d3965537a7a3f.js js/provider-c2471a0d3965537a7a3f.js.map
rails_1      | Entrypoint server_rendering = js/server_rendering-a1f5869b9a9be21b0a76.js js/server_rendering-a1f5869b9a9be21b0a76.js.map
rails_1      | [./app/assets/images/logo.png] 76 bytes {application} {server_rendering} [built]
rails_1      | [./app/javascript/components sync recursive ^\.\/.*$] ./app/javascript/components sync ^\.\/.*$ 9.05 KiB {server_rendering} [built]
rails_1      | [./app/javascript/components/app.tsx] 5.63 KiB {application} {server_rendering} [built]
rails_1      | [./app/javascript/components/provider/index.js] 49 bytes {provider} {server_rendering} [built]
rails_1      | [./app/javascript/components/subscription/index.js] 62 bytes {board} {server_rendering} [built]
rails_1      | [./app/javascript/packs/application.js] 1.71 KiB {application} [built]
rails_1      | [./app/javascript/packs/board.jsx] 1.13 KiB {board} [built]
rails_1      | [./app/javascript/packs/provider.js] 381 bytes {provider} [built]
rails_1      | [./app/javascript/packs/server_rendering.js] 301 bytes {server_rendering} [built]
rails_1      | [./app/javascript/utils/apollo.js] 5.34 KiB {board} {provider} {server_rendering} [built]
rails_1      | [./node_modules/react-apollo/lib/react-apollo.esm.js] 487 bytes {board} {provider} {server_rendering} [built]
rails_1      | [./node_modules/react-dom/index.js] 1.32 KiB {application} {board} {provider} {server_rendering} [built]
rails_1      | [./node_modules/react-router-dom/index.js] 15.2 KiB {application} {server_rendering} [built]
rails_1      | [./node_modules/react/index.js] 189 bytes {application} {board} {provider} {server_rendering} [built]
rails_1      | [./node_modules/react_ujs/react_ujs/index.js] 6.3 KiB {server_rendering} [built]
rails_1      |     + 1550 hidden modules
rails_1      | 
rails_1      | WARNING in ./node_modules/graphql-ruby-client/sync/prepareRelay.js 41:22-47
rails_1      | Critical dependency: the request of a dependency is an expression
rails_1      |  @ ./node_modules/graphql-ruby-client/sync/generateClient.js
rails_1      |  @ ./node_modules/graphql-ruby-client/index.js
rails_1      |  @ ./app/javascript/utils/apollo.js
rails_1      |  @ ./app/javascript/packs/board.jsx
rails_1      | 
rails_1      | ERROR in ./app/javascript/components/action-item/action-item.jsx 303:13-28
rails_1      | "export 'handleKeyPress' (imported as '_handleKeyPress') was not found in '../../utils/helpers'
rails_1      |  @ ./app/javascript/components sync ^\.\/.*$
rails_1      |  @ ./app/javascript/packs/server_rendering.js
rails_1      | 
rails_1      | ERROR in ./app/javascript/components/new-action-item/new-action-item.jsx 141:13-28
rails_1      | "export 'handleKeyPress' (imported as '_handleKeyPress') was not found in '../../utils/helpers'
rails_1      |  @ ./app/javascript/components sync ^\.\/.*$
rails_1      |  @ ./app/javascript/packs/server_rendering.js
rails_1      | 
rails_1      | ERROR in ./app/javascript/components/new-card-body/new-card-body.jsx 188:13-27
rails_1      | "export 'handleKeyPress' was not found in '../../utils/helpers'
rails_1      |  @ ./app/javascript/components sync ^\.\/.*$
rails_1      |  @ ./app/javascript/packs/server_rendering.js
rails_1      | 
rails_1      | ERROR in ./app/javascript/components/comments-dropdown/comments-dropdown.jsx 181:13-27
rails_1      | "export 'handleKeyPress' was not found in '../../utils/helpers'
rails_1      |  @ ./app/javascript/components sync ^\.\/.*$
rails_1      |  @ ./app/javascript/packs/server_rendering.js
rails_1      | 
rails_1      | ERROR in ./app/javascript/components/card-body/card-body.jsx 222:13-27
rails_1      | "export 'handleKeyPress' was not found in '../../utils/helpers'
rails_1      |  @ ./app/javascript/components sync ^\.\/.*$
rails_1      |  @ ./app/javascript/packs/server_rendering.js
rails_1      | 
rails_1      | ERROR in ./node_modules/graphql-ruby-client/subscriptions/ActionCableLink.js
rails_1      | Module not found: Error: Can't resolve '@apollo/client/core' in '/app/node_modules/graphql-ruby-client/subscriptions'
rails_1      |  @ ./node_modules/graphql-ruby-client/subscriptions/ActionCableLink.js 33:13-43
rails_1      |  @ ./node_modules/graphql-ruby-client/index.js
rails_1      |  @ ./app/javascript/utils/apollo.js
rails_1      |  @ ./app/javascript/packs/board.jsx
rails_1      | 
rails_1      | ERROR in ./node_modules/graphql-ruby-client/subscriptions/PusherLink.js
rails_1      | Module not found: Error: Can't resolve '@apollo/client/core' in '/app/node_modules/graphql-ruby-client/subscriptions'
rails_1      |  @ ./node_modules/graphql-ruby-client/subscriptions/PusherLink.js 68:13-43
rails_1      |  @ ./node_modules/graphql-ruby-client/index.js
rails_1      |  @ ./app/javascript/utils/apollo.js
rails_1      |  @ ./app/javascript/packs/board.jsx
rails_1      | 
rails_1      | ERROR in ./node_modules/graphql-ruby-client/subscriptions/AblyLink.js
rails_1      | Module not found: Error: Can't resolve '@apollo/client/core' in '/app/node_modules/graphql-ruby-client/subscriptions'
rails_1      |  @ ./node_modules/graphql-ruby-client/subscriptions/AblyLink.js 70:13-43
rails_1      |  @ ./node_modules/graphql-ruby-client/index.js
rails_1      |  @ ./app/javascript/utils/apollo.js
rails_1      |  @ ./app/javascript/packs/board.jsx
rails_1      | 
rails_1      | ERROR in ./node_modules/graphql-ruby-client/subscriptions/createRelaySubscriptionHandler.js
rails_1      | Module not found: Error: Can't resolve 'relay-runtime' in '/app/node_modules/graphql-ruby-client/subscriptions'
rails_1      |  @ ./node_modules/graphql-ruby-client/subscriptions/createRelaySubscriptionHandler.js 14:22-46
rails_1      |  @ ./node_modules/graphql-ruby-client/index.js
rails_1      |  @ ./app/javascript/utils/apollo.js
rails_1      |  @ ./app/javascript/packs/board.jsx

我发现answer对我有一点帮助。但是现在，当我在一个单独的窗口中启动./bin/webpack-dev-server时，它给了我以下内容

代码语言：javascript
复制
./bin/webpack-dev-server
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:8080/
<i> [webpack-dev-server] On Your Network (IPv4): http://192.168.0.13:8080/
<i> [webpack-dev-server] On Your Network (IPv6): http://[fe80::b537:10:b5dc:9bb5]:8080/
<i> [webpack-dev-server] Content not from webpack is served from '/home/yarikhrom/Work/retrospective/retrospective/public' directory
node:internal/crypto/hash:67
  this[kHandle] = new _Hash(algorithm, xofLen);
                  ^
Error: error:0308010C:digital envelope routines::unsupported
    at new Hash (node:internal/crypto/hash:67:19)
    at Object.createHash (node:crypto:135:10)
    at module.exports (/home/yarikhrom/Work/retrospective/retrospective/node_modules/webpack/lib/util/createHash.js:135:53)
    at NormalModule._initBuildHash (/home/yarikhrom/Work/retrospective/retrospective/node_modules/webpack/lib/NormalModule.js:417:16)
    at handleParseError (/home/yarikhrom/Work/retrospective/retrospective/node_modules/webpack/lib/NormalModule.js:471:10)
    at /home/yarikhrom/Work/retrospective/retrospective/node_modules/webpack/lib/NormalModule.js:503:5
    at /home/yarikhrom/Work/retrospective/retrospective/node_modules/webpack/lib/NormalModule.js:358:12
    at /home/yarikhrom/Work/retrospective/retrospective/node_modules/loader-runner/lib/LoaderRunner.js:373:3
    at iterateNormalLoaders (/home/yarikhrom/Work/retrospective/retrospective/node_modules/loader-runner/lib/LoaderRunner.js:214:10)
    at iterateNormalLoaders (/home/yarikhrom/Work/retrospective/retrospective/node_modules/loader-runner/lib/LoaderRunner.js:221:10) {
  opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
  library: 'digital envelope routines',
  reason: 'unsupported',
  code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v17.7.1

此外，我在文档中发现，我需要使用文件webpack.config.js，但在我的项目中没有这个文件。那么，当我开始一个项目或在前端进行更改时，我能做些什么来让我的webpacker不受限制地编译呢？

docker-compose.yml：

代码语言：javascript
复制
version: "3.7"

services:
  app: &app
    build:
      context: .
      dockerfile: ./.dockerdev/Dockerfile
      args:
        RUBY_VERSION: "2.7.0"
        PG_MAJOR: "11"
        NODE_MAJOR: "12"
        YARN_VERSION: "1.19.1"
        BUNDLER_VERSION: "2.2.25"
    image: example-dev:1.0.0
    tmpfs:
      - /tmp

  backend: &backend
    <<: *app
    stdin_open: true
    tty: true
    volumes:
      - .:/app:cached
      - ./node_modules:/app/node_modules
      - .dockerdev/.psqlrc:/root/.psqlrc:ro
      - .dockerdev/bundle:/bundle
      - rails_cache:/app/tmp/cache
      - packs:/app/public/packs
    environment:
      - NODE_ENV=development
      - RAILS_ENV=${RAILS_ENV:-development}
      - REDIS_URL=redis://redis:6379/
      - DATABASE_URL=postgres://postgres:postgres@postgres:5432
      - POSTGRESQL_HOST=postgres
      - POSTGRESQL_PORT=5432
      - WEBPACKER_DEV_SERVER_HOST=webpacker
      - WEB_CONCURRENCY=1
      - HISTFILE=/app/log/.bash_history
      - PSQL_HISTFILE=/app/log/.psql_history
      - EDITOR=vi
    depends_on:
      - postgres
      - redis

  runner:
    <<: *backend
    command: /bin/bash
    ports:
      - "3000:3000"
      - "3002:3002"

  rails:
    <<: *backend
    command: bundle exec rails server -b 0.0.0.0
    ports:
      - "3000:3000"

  postgres:
    image: postgres:11.1
    volumes:
      - .dockerdev/.psqlrc:/root/.psqlrc:ro
      - ./log:/root/log:cached
      - postgres:/var/lib/postgresql/data
    environment:
      - PSQL_HISTFILE=/root/log/.psql_history
    ports:
      - "5432:5432"

  redis:
    image: redis:3.2-alpine
    volumes:
      - redis:/data
    ports:
      - "6379:6379"

  webpacker:
    <<: *app
    command: ./bin/webpack-dev-server
    ports:
      - "3035:3035"
    volumes:
      - .:/app:cached
      - ./node_modules:/app/node_modules
      - .dockerdev/bundle:/bundle
      - packs:/app/public/packs
    environment:
      - NODE_ENV=${NODE_ENV:-development}
      - RAILS_ENV=${RAILS_ENV:-development}
      - WEBPACKER_DEV_SERVER_HOST=0.0.0.0

volumes:
  postgres:
  redis:
  node_modules:
  rails_cache:
  packs:
webpack-dev-server
webpacker
ruby-on-rails
webpack
EN

回答 1

Stack Overflow用户

发布于 2022-03-17 12:54:12

我想我也有这个问题，我修正了把rails和webpacker放在同一个容器中，这不是最好的解决方案，但它是有效的，如下所示：

docker-compose.yml

代码语言：javascript
复制
version: '3'

services:
  web:
    build:
      context: .
      dockerfile: ./docker/development/Dockerfile
    command: ["sh", "./docker/development/scripts/start-rails-development-server.sh"]
    volumes:
      - .:/app
    ports:
      - 3000:3000
      - 3035:3035
    depends_on:
      - database

start-rails-development-server.sh

代码语言：javascript
复制
#!/bin/sh

echo 'Starting webpack dev server ...' && bin/webpack-dev-server &
echo 'starting Rails server ...' && rm -f tmp/pids/server.pid && bundle exec rails s -b 0.0.0.0
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/71512083

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档