Início / user-1371145

dthegnome's questions

Martin Hope
dthegnome
Asked: 2024-12-21 05:43:44 +0800 CST
  • 9

Estou com problemas para usar importmap-railspara gerenciar pacotes npm. Eu gostaria que ele funcionasse como o yarn, onde ele mantém o controle de versões, dependências e baixa tudo para você com um comando como yarn install.

Mas parece que ele importmap-railssó está configurado para usar um cdn quando você fixa algo. Isso é verdade? Ou ele pode baixar pacotes e suas dependências com um comando como o yarn?

Se não puder fazer isso, posso usar importmap-railso yarn como meu gerenciador de pacotes? Tentei isso com underscore.js e tive alguns problemas.

  1. Executei yarn add underscore, vi que foi baixado corretamente e então adicionado node_modulesaos caminhos de ativos para que propshafteu importmap-railssoubesse como procurar lá:
config/application.rb
config.assets.paths << Rails.root.join('node_modules')

Em seguida, fixei a pasta sublinhada:

# config/importmap.rb
pin_all_from 'node_modules/underscore', under: 'underscore'

Em seguida, importei a funcionalidade que eu precisava:

// from a custom js file
import debounce from 'underscore/modules/debounce';

A execução ./bin/importmap jsonmostrou que o arquivo debounce.js foi encontrado:

{
  "imports": {
    "application": "/assets/application-bd82d6ab.js",
    "underscore/amd/_baseCreate": "/assets/underscore/amd/_baseCreate-7eccab16.js",
    "underscore/amd/_baseIteratee": "/assets/underscore/amd/_baseIteratee-5f781255.js",
    "underscore/amd/_cb": "/assets/underscore/amd/_cb-dd403ec6.js",
    "underscore/amd/_chainResult": "/assets/underscore/amd/_chainResult-4b98e265.js",
    "underscore/amd/_collectNonEnumProps": "/assets/underscore/amd/_collectNonEnumProps-ed4c206f.
...
    "underscore/modules/debounce": "/assets/underscore/modules/debounce-decaec4e.js",

E no navegador não obtive nenhum erro para debounce.js, ele foi identificado e encontrado, mas dentro desse arquivo ele estava usando caminhos relativos para importar outras funções que causaram erros 404. Também havia uma solicitação get indo para cada arquivo em underscore, o que também não é bom.

15:41:34 web.1  | Completed 200 OK in 5482ms (Views: 2431.0ms | ActiveRecord: 557.1ms (24 queries, 6 cached) | GC: 368.1ms)
15:41:34 web.1  | 
15:41:34 web.1  | 
15:41:34 web.1  | Started GET "/assets/underscore/amd/_baseCreate-7eccab16.js" for ::1 at 2024-12-20 15:41:34 -0500
15:41:35 web.1  | Started GET "/assets/underscore/amd/_baseIteratee-5f781255.js" for ::1 at 2024-12-20 15:41:35 -0500
15:41:35 web.1  | Started GET "/assets/underscore/amd/_cb-dd403ec6.js" for ::1 at 2024-12-20 15:41:35 -0500
15:41:35 web.1  | Started GET "/assets/underscore/amd/_chainResult-4b98e265.js" for ::1 at 2024-12-20 15:41:35 -0500
15:41:35 web.1  | Started GET "/assets/underscore/amd/_collectNonEnumProps-ed4c206f.js" for ::1 at 2024-12-20 15:41:35 -0500
15:41:35 web.1  | Started GET "/assets/underscore/amd/_createAssigner-aa588b74.js" for ::1 at 2024-12-20 15:41:35 -0500
15:41:36 web.1  | Started GET "/assets/underscore/amd/_createEscaper-3ea6026c.js" for ::1 at 2024-12-20 15:41:36 -0500
15:41:36 web.1  | Started GET "/assets/underscore/amd/_createPredicateIndexFinder-f577fa32.js" for ::1 at 2024-12-20 15:41:36 -0500
...


debounce-decaec4e.js:1 
GET http://localhost:3000/assets/underscore/modules/restArguments.js 404 (Not Found)

debounce-decaec4e.js:2 
GET http://localhost:3000/assets/underscore/modules/now.js net::ERR_ABORTED 404 (Not Found)

debounce-decaec4e.js
import restArguments from './restArguments.js';
import now from './now.js';

Então, posso usar importmap-rails com o yarn ou em vez do yarn para pacotes npm?

Pesquisei no Google e examinei a documentação e só encontrei esta breve descrição: https://github.com/rails/importmap-rails/blob/main/README.md#using-npm-packages-via-javascript-cdns

Para contexto extra, acabei de atualizar nosso aplicativo rails 7 para rails 8, então fomos de sprockets, yarn, webpacker para propshaft com importmap-rails. Feliz por estar sem webpacker, mas sentindo falta da funcionalidade yarn.

ruby-on-rails