SyntaxError when builded, can't understand why
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 25/100
- Tipo de issue
- Bug
- Clareza
- Precisa de esclarecimento
- Status de atividade
- Estagnada
- Stack de tecnologia
- javascript, react, webpack
- Domínio
- build-system, frontend
Direção de pesquisa
Comece com webpack.config.js e os pontos de entrada que estão falhando, client/pages/Home/index.js e client/index.js, e então execute npm start para reproduzir os erros do parser. A tarefa estará concluída quando o JSX de ambos os arquivos for compilado com sucesso e o webpack relatar um build bem-sucedido.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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
> [email protected] 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.
`
- Linguagem predominante
- JavaScript
- Estrelas
- 294
- Forks
- 64
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de ModusCreateOrg/react-dynamic-route-loading-es6
-
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 25/100
ModusCreateOrg/react-dynamic-route-loading-es6#21 · 1 comentário ·
-
enhancement help wanted
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 25/100
ModusCreateOrg/react-dynamic-route-loading-es6#4 · 2 comentários ·
Todas as issues de ModusCreateOrg/react-dynamic-route-loading-es6
Issues semelhantes
-
Correction: IMOU Cruiser 4MPAbertacorrection via-web
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 67/100
ch-bas/cctv-camera-database#416 ·
Mantenedores costumam responder em até 1 dia
-
bug effort:medium model:light tests
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
Mantenedores costumam responder em até 1 dia
-
documentation help wanted
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
piskyRpapalo/preceptoros-web#231 ·
Mantenedores costumam responder em até 1 dia
-
type/bug type/docs type/enhancement
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 86/100
Redo-San/RedoSan-Authenticity#574 ·
Mantenedores costumam responder em até 1 dia
-
Place search spins forever when nominatim failsTalvez já em andamento @jgt87 assumiu hoje. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
anvaka/city-roads#213 ·