Error: Module build failed
来源:2-3 使用 React 编写 TodoList 功能
Tano21
2021-05-28 10:42:27
问题描述
框架之前搭建的测试都是好的按照老师把一些没用的文件删掉之后就报这个错误是什么原因
相关截图
相关代码
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回答
同学你好,看报错信息是index.js文件中,第六行代码中的逗号格式有问题,如下:
建议:使用英文状态下的逗号。
另外,看截图的index.html文件中引入了图标。但是左侧的目录结构结构中并没有对应的图片,可以将这句代码也删除了,避免代码报错,如下:
祝学习愉快~