编译我的应用程序时,我得到模块构建失败:SyntaxError:意外令牌

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了编译我的应用程序时,我得到模块构建失败:SyntaxError:意外令牌相关的知识,希望对你有一定的参考价值。

我在下面附加了所需的代码,如果有人可以帮助我,我将不胜感激。

我的app.js是:

import React from 'react';
import ReactDOM from 'react-dom';
import IndecisionApp from './components/IndecisionApp';
import 'normalize.css/normalize.css';
import './styles/styles.scss';

ReactDOM.render(<IndecisionApp />, document.getElementById('app'));

错误是:

 @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/app.js
webpack: Failed to compile.
webpack: Compiling...
Hash: 66aec74626cbf614b013
Version: webpack 3.1.0
Time: 22ms
  [84] ./src/app.js 691 bytes {0} [built] [failed] [1 error]
    + 84 hidden modules

ERROR in ./src/app.js
Module build failed: SyntaxError: Unexpected token (7:16)

  5 | import './styles/styles.scss';
  6 | 
> 7 | ReactDOM.render(<IndecisionApp />, document.getElementById('app'));
    |                 ^
  8 | 

 @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/app.js
webpack: Failed to compile.

链接到完整代码:https://github.com/bhatvikrant/IndecisionApp

以上是关于编译我的应用程序时,我得到模块构建失败:SyntaxError:意外令牌的主要内容,如果未能解决你的问题,请参考以下文章

Reactjs - Webpack编译错误:模块构建失败

Android make 期间编译 libusbx 失败

ionic-app-script在构建时失败 - 无法找到模块'@ angular / compiler-cli / ngtools2'

编译失败:远程:ModuleNotFoundError:找不到模块:推送到 Heroku 时出错

找不到模块:无法解析“./pages”编译失败

初始 React npm start 构建失败