SyntaxError when builded, can't understand why

Aperta
#20 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
25/100
Tipo di issue
Bug
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
javascript, react, webpack

Direzione di ricerca

Inizia con webpack.config.js e con i punti di ingresso che generano errori, client/pages/Home/index.js e client/index.js, quindi esegui npm start per riprodurre gli errori del parser. Il lavoro è completato quando il JSX di entrambi i file viene compilato correttamente e webpack segnala una build riuscita.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

cloning your react-dynamic-route-loading-es6
when trying npm start

have ERROR in ./client/pages/Home/index.js
Module build failed: SyntaxError: Unexpected token (13:2)


  11 | 
  12 | export default () => (
> 13 |   <article className="home">
     |   ^
  14 |     <Header title="Home" className="header-dark" />
  15 |     <List columns={2} items={twoColListItems} />
  16 |   </article>

@ multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server index pages/Home

full console

`[vasil@localhost webpack_split]$ sudo npm start

> react-router-dynamic-routes-webpack2@1.0.0 start /home/vasil/workplace/webpack_split
> webpack-dev-server --config webpack.config.js

Project is running at http://localhost:3000/
webpack output is served from /
Content not from webpack is served from ./client
404s will fallback to /index.html
(node:11765) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.
Hash: d36e34181bf36fbc7888
Version: webpack 2.2.0
Time: 2610ms
               Asset       Size  Chunks                    Chunk Names
           bundle.js    2.23 kB       0  [emitted]         js
    vendor.bundle.js    1.02 MB       1  [emitted]  [big]  vendor
       bundle.js.map  102 bytes       0  [emitted]         js
vendor.bundle.js.map     1.2 MB       1  [emitted]         vendor
          index.html  429 bytes          [emitted]         
chunk    {0} bundle.js, bundle.js.map (js) 1.75 kB {1} [initial] [rendered]
 [./index.js] ./client/index.js 595 bytes {0} [built] [failed] [1 error]
 [./pages/Home/index.js] ./client/pages/Home/index.js 1.09 kB {0} [built] [failed] [1 error]
    [0] multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server index pages/Home 64 bytes {0} [built]
chunk    {1} vendor.bundle.js, vendor.bundle.js.map (vendor) 936 kB [entry] [rendered]
 [../node_modules/ansi-regex/index.js] ./~/ansi-regex/index.js 135 bytes {1} [built]
 [../node_modules/fbjs/lib/ExecutionEnvironment.js] ./~/fbjs/lib/ExecutionEnvironment.js 1.06 kB {1} [built]
 [../node_modules/react-dom/index.js] ./~/react-dom/index.js 59 bytes {1} [built]
 [../node_modules/react-dom/lib/ReactDOM.js] ./~/react-dom/lib/ReactDOM.js 5.14 kB {1} [built]
 [../node_modules/react/lib/React.js] ./~/react/lib/React.js 2.69 kB {1} [built]
 [../node_modules/react/lib/ReactPropTypes.js] ./~/react/lib/ReactPropTypes.js 15.8 kB {1} [built]
 [../node_modules/react/react.js] ./~/react/react.js 56 bytes {1} [built]
 [../node_modules/strip-ansi/index.js] ./~/strip-ansi/index.js 161 bytes {1} [built]
    [1] multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server react react-dom 64 bytes {1} [built]
 [../node_modules/url/url.js] ./~/url/url.js 23.3 kB {1} [built]
 [../node_modules/webpack-dev-server/client/index.js?http:/localhost:3000] (webpack)-dev-server/client?http://localhost:3000 4.66 kB {1} [built]
 [../node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 856 bytes {1} [built]
 [../node_modules/webpack/hot/dev-server.js] (webpack)/hot/dev-server.js 1.57 kB {1} [built]
 [../node_modules/webpack/hot/emitter.js] (webpack)/hot/emitter.js 77 bytes {1} [built]
 [../node_modules/webpack/hot/log-apply-result.js] (webpack)/hot/log-apply-result.js 1.02 kB {1} [built]
     + 241 hidden modules

ERROR in ./client/pages/Home/index.js
Module build failed: SyntaxError: Unexpected token (13:2)

  11 | 
  12 | export default () => (
> 13 |   <article className="home">
     |   ^
  14 |     <Header title="Home" className="header-dark" />
  15 |     <List columns={2} items={twoColListItems} />
  16 |   </article>

 @ multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server index pages/Home

ERROR in ./client/index.js
Module build failed: SyntaxError: Unexpected token (8:2)

   6 | 
   7 | render(
>  8 |   <Root />,
     |   ^
   9 |   document.getElementById('root')
  10 | );
  11 | 

 @ multi (webpack)-dev-server/client?http://localhost:3000 webpack/hot/dev-server index pages/Home
Child html-webpack-plugin for "index.html":
         Asset    Size  Chunks  Chunk Names
    index.html  568 kB       0  
    chunk    {0} index.html 541 kB [entry] [rendered]
     [../node_modules/html-webpack-plugin/lib/loader.js!./index.ejs] ./~/html-webpack-plugin/lib/loader.js!./client/index.ejs 675 bytes {0} [built]
     [../node_modules/lodash/lodash.js] ./~/lodash/lodash.js 540 kB {0} [built]
     [../node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 509 bytes {0} [built]
     [../node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 517 bytes {0} [built]
webpack: Failed to compile.

`
Lingua principale
JavaScript
Stelle
294
Fork
64
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di ModusCreateOrg/react-dynamic-route-loading-es6

Tutte le issue di ModusCreateOrg/react-dynamic-route-loading-es6

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.