“modulo richiesto non trovato” Flow durante l'importazione di un file CSS

Question

Quando provo ad importare CSS tramite webpack (import (./index.css)) sto ottenendo questo errore:

3: import './index.css'; 
      ^^^^^^^^^^^^^ ./index.css. Required module not found 

Ho un struttura come ComponentName → (index.js, index.css), in modo che ogni componente abbia tutte le dipendenze all'interno.

Ho provato this mod, ma non ha funzionato per me. Potrei semplicemente ignorarlo in qualche modo?

Answer 1

Aggiungi questo al vostro config flusso

[options] 
module.name_mapper.extension='css' -> '<PROJECT_ROOT>/CSSModuleStub.js' 

E aggiungere creare un file nella root CSSModuleStub.js:

// @flow 
type CSSModule = { [key: string]: string } 
const emptyCSSModule: CSSModule = {} 
export default emptyCSSModule 

Se volete percorso pulito, è possibile regolare come questo

[options] 
module.name_mapper.extension='css' -> '<PROJECT_ROOT>/flow/stub/css-modules.js' 

E quindi rinomina CSSModuleStub.js a flow/stub/css-modules.js.

---

Mentre noi siamo, se avete bisogno di alcuni altri stub (per esempio: per url-loader) Ecco un altro esempio

Crea flow/stub/url-loader.js

// @flow 
const s: string = "" 
export default s 

E aggiungere

module.name_mapper='.*\.\(svg\|png\|jpg\|gif\)$' -> '<PROJECT_ROOT>/flow/stub/url-loader.js' 

se si utilizza url-loader per svg, png, jpg e gif. Questo permetterà di flusso per effettuare la sostituzione del modulo corretto (url-caricatore restituisce una stringa (base64 o un file-loader percorso).

Per esempio, se si fa

import logoSVG from "./logo.png" 
logoSVG.blah.stuff() // <-- flow will throw here 

flusso genera un errore.

Answer 2

Grazie @MoOx, questo è grande !! Qualche suggerimento su uno stub per webpack fascio loader?

stavo pensando qualcosa di simile ...

module.name_mapper='^bundle?[a-zA-Z0-9$_]+$' -> '<PROJECT_ROOT>/flow/stubs/bundle-loader.js.flow' 

require('bundle?lazy&name=bundleName!path/to/file') 

Answer 3

Al fine di non dichiarare CSSModule per ogni progetto, ho pubblicato un pacchetto di NPM che fa così:

https://www.npmjs.com/package/css-module-flow

https://github.com/ckknight/css-module-flow