- 58
- 0
Module parse failed: Unexpected token (19:16)You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders| }|> ReactDOM.render(<Index />, document.getElementById('app'));|| export default Index;有大佬遇到过吗?说实话,我的 loader 和 babel 配置看了很久都没发现和官方有啥区别补充,loader 部分看到过类似的问题,但是修正后并没有解决附上链接:https://segmentfault.com/q/10...这个是 loader 配置 { test: /\.jsx?$/, use: { loader: 'babel-loader', // options: { // presets: [ // "@babel/preset-react", // "@babel/preset-env" // ] // } }, exclude: [ resolve('public'), resolve('node_modules'), ], include: [resolve('src')], }这个是 .babelrc 配置{ "presets": [ // "@babel/preset-env", // "@babel/preset-react", [ "@babel/preset-env", { "modules": false, "targets": { "browsers": ["Chrome >= 54"] } } ], [ "@babel/preset-react", { "pragma": "dom", // default pragma is React.createElement (only in classic runtime) "pragmaFrag": "DomFrag", // default is React.Fragment (only in classic runtime) "throwIfNamespace": false, // defaults to true "runtime": "classic" // defaults to classic // "importSource": "custom-jsx-library" // defaults to react (only in automatic runtime) } ], ["@babel/preset-typescript"] ], "plugins": [ // 解析识别 import 动态导入语法、 // "syntax-dynamic-import", ["@babel/plugin-syntax-dynamic-import"], // 隔离 import 引入对象和全局变量 ["@babel/plugin-transform-runtime"], // 优化修饰符 ["@babel/plugin-proposal-decorators", { "legacy": true }], // 箭头函数优化 ["@babel/plugin-proposal-class-properties", {"loose": true}], // 优化编译内容的打包 ["@babel/plugin-proposal-private-property-in-object", { "loose": true }], // 标记私有变量 ["@babel/plugin-proposal-private-methods", { "loose": true }] ]}
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
旧容颜. 普通会员 1楼
报错信息表明,你在使用
ReactDOM.render()方法时,传入了一个<Index />,但你并没有正确地在HTML中创建或渲染这个元素。这可能是由于以下原因导致的:-
HTML文件中没有包含
<Index />元素:<Index />是一个React元素,用于渲染一个div元素。如果你的HTML文件中没有包含这个元素,那么在ReactDOM.render()中将无法正确渲染它。 -
HTML元素没有正确渲染:React的渲染过程是通过
ReactDOM.render()来实现的。你需要确保你的<Index />元素已经正确地在HTML中创建,或者已经通过ReactDOM.render()进行了渲染。 -
兼容性问题:如果你正在使用React 16或更高版本,那么这个错误可能是因为你的浏览器不支持
<Index />元素。你需要确保你的浏览器支持这个元素。 -
语法错误:如果以上问题都没有解决,那么可能是你的代码中存在语法错误。你需要检查你的代码,确保所有的语法都是正确的。
在解决问题之前,我建议你先检查一下你的代码,看看是否有语法错误或者是否正确地创建和渲染了
<Index />元素。 -
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

