Error: Module build failed

来源:2-3 使用 React 编写 TodoList 功能

Tano21

2021-05-28 10:42:27

问题描述

框架之前搭建的测试都是好的按照老师把一些没用的文件删掉之后就报这个错误是什么原因

相关截图

http://img.mukewang.com/climg/60b057dd0998d14f01810255.jpghttp://img.mukewang.com/climg/60b0580709825ded06500308.jpg

http://img.mukewang.com/climg/60b0584709fbb64c03800328.jpg

http://img.mukewang.com/climg/60b0585d09b9731404090210.jpg


相关代码

Error: Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: C:\Users\fazba\Desktop\text\my-app\src\index.js: Unexpected token, expected "," (6:41)

[0m [90m 4 |[39m[0m
[0m [90m 5 |[39m [33mReactDOM[39m[33m.[39mrender([0m
[0m[31m[1m>[22m[39m[90m 6 |[39m   [33m<[39m[33mApp[39m [33m/[39m[33m>[39m[33m,[39mdocument[33m.[39mgetElementById([32m'root'[39m)[33m;[39m[0m
[0m [90m   |[39m                                          [31m[1m^[22m[39m[0m
[0m [90m 7 |[39m )[33m;[39m[0m
[0m [90m 8 |[39m[0m
[0m [90m 9 |[39m [90m// If you want to start measuring performance in your app, pass a function[39m[0m
    at Object._raise (C:\Users\fazba\Desktop\text\my-app\node_modules\@babel\parser\lib\index.js:810:17)
    at Object.raiseWithData (C:\Users\fazba\Desktop\text\my-app\node_modules\@babel\parser\lib\index.js:803:17)
    at Object.raise (C:\Users\fazba\Desktop\text\my-app\node_modules\@babel\parser\lib\index.js:764:17)
    at Object.unexpected (C:\Users\fazba\Desktop\text\my-app\node_modules\@babel\parser\lib\index.js:9967:16)
    at Object.expect (C:\Users\fazba\Desktop\text\my-app\node_modules\@babel\parser\lib\index.js:9941:28)
    at Object.parseCallExpressionArguments (C:\Users\fazba\Desktop\text\my-app\node_modules\@babel\parser\lib\index.js:11126:14)
    at Object.parseCoverCallAndAsyncArrowHead (C:\Users\fazba\Desktop\text\my-app\node_modules\@babel\parser\lib\index.js:11050:29)
    at Object.parseSubscript (C:\Users\fazba\Desktop\text\my-app\node_modules\@babel\parser\lib\index.js:10985:19)
    at Object.parseSubscript (C:\Users\fazba\Desktop\text\my-app\node_modules\@babel\parser\lib\index.js:3954:18)
    at Object.parseSubscripts (C:\Users\fazba\Desktop\text\my-app\node_modules\@babel\parser\lib\index.js:10958:19)
▶ 11 stack frames were collapsed.
__webpack_require__
C:/Users/fazba/Desktop/text/my-app/webpack/bootstrap:851
  848 | 
  849 | __webpack_require__.$Refresh$.init();
  850 | try {
> 851 |  modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  852 | } finally {
  853 |  __webpack_require__.$Refresh$.cleanup(moduleId);
  854 | }View compiled
fn
C:/Users/fazba/Desktop/text/my-app/webpack/bootstrap:150
  147 |  );
  148 |  hotCurrentParents = [];
  149 |  }
> 150 |  return __webpack_require__(request);
      | ^  151 | };
  152 | var ObjectFactory = function ObjectFactory(name) {
  153 |  return {View compiled
1
http://localhost:3000/static/js/main.chunk.js:24:18
__webpack_require__
C:/Users/fazba/Desktop/text/my-app/webpack/bootstrap:851
  848 | 
  849 | __webpack_require__.$Refresh$.init();
  850 | try {
> 851 |  modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
      | ^  852 | } finally {
  853 |  __webpack_require__.$Refresh$.cleanup(moduleId);
  854 | }View compiled
checkDeferredModules
C:/Users/fazba/Desktop/text/my-app/webpack/bootstrap:45
  42 |  }
  43 |  if(fulfilled) {
  44 |  deferredModules.splice(i--, 1);
> 45 |  result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
     | ^  46 |  }
  47 | }
  48 | View compiled
Array.webpackJsonpCallback [as push]
C:/Users/fazba/Desktop/text/my-app/webpack/bootstrap:32
  29 |  deferredModules.push.apply(deferredModules, executeModules || []);
  30 | 
  31 |  // run deferred modules when all chunks ready
> 32 |  return checkDeferredModules();
     | ^  33 | };
  34 | function checkDeferredModules() {
  35 |  var result;


写回答

1回答

好帮手慕慕子

2021-05-28

同学你好,看报错信息是index.js文件中,第六行代码中的逗号格式有问题,如下:

http://img.mukewang.com/climg/60b06a9e09f4a5f208480458.jpg

建议:使用英文状态下的逗号。

另外,看截图的index.html文件中引入了图标。但是左侧的目录结构结构中并没有对应的图片,可以将这句代码也删除了,避免代码报错,如下:

http://img.mukewang.com/climg/60b06aed09dffc9b06760257.jpg

祝学习愉快~

0

0 学习 · 15276 问题

查看课程