2015-11-11 56 views
7

chcę obsłużyć mój kod JSX, więc piszę webpakc.config.js tak:Jak napisać plik webpack.config.js po ustawieniu większej liczby parametrów?

{ 
    test: /\.js$/, 
    loaders: ['react-hot', 'babel-loader?presets[]=es2015'], 
    exclude: /node_modules/ 
} 

Ale nie obsługiwać mój kod JSX i rzucać się błąd jak poniżej: The error threw in terminal

Według Google muszę dodać presets['react'] do mojego pliku konfiguracyjnego. Więc mogę zaktualizować config tak:

{ 
    test: /\.js$/, 
    loaders: ['react-hot', 'babel'], 
    query: { 
     presets: ['react', 'es2015'] 
    }, 
    exclude: /node_modules/ 
} 

Ale rzucił inny błąd: A new error threw after update config file

Jestem aktualniejsze w WebPack, co mam zrobić?

+0

pierwszy błąd: ERROR w ./src/App.js Moduł build failed: SyntaxError: /Users/wen/Documents/SDE/Olege/olege-webApp/src/App.js: Nieoczekiwany token (4: 9) 2 | aplikacja klasy rozszerza komponent { 3 | \t render() { > 4 | \t \t return \t

|^ 5 | \t} 6 | } – wen

+0

Drugi błąd: /Users/wen/Documents/SDE/Olege/olege-webApp/node_modules/webpack-core/lib/LoadersList.js: 54 \t \t if (! Element.loader || element.loader.indexOf ("!")> = 0) wyświetla nowy błąd ("Nie można zdefiniować" zapytania "i wiele programów ładujących na liście programów ładujących"); \t \t^ Błąd: Nie można zdefiniować "zapytania" i wielu programów ładujących na liście programów ładujących. – wen

+0

Czy możesz edytować swoje pytanie w celu uwzględnienia błędów, aby nie zgubiły się w komentarzach? – ajshort

Odpowiedz

13

Pierwszy błąd wydaje się być błędem składni w twoim JSX. Trudno powiedzieć, co to jest z komentarza. Spróbuj opublikować zawartość pliku JSX.

O drugim błędzie: Parametry zapytania dla określonego programu ładującego niekoniecznie muszą być określone jako obiekt JSON. Możesz je określić jako ciąg zapytania, który jest również dołączony do nazwy modułu ładującego. Na przykład. config samo można wyrazić z tej linii:

loaders: ['react-hot', 'babel?presets[]=react,presets[]=es2015'] 

Oczywiście, trzeba usunąć kwerendy JSON po użyciu powyższych. Więcej informacji tutaj: https://webpack.github.io/docs/using-loaders.html#query-parameters

+0

Dziękuję, proszę pana! – wen

+0

To jest dokładnie to, czego potrzebowałem. Dziękuję Ci. –