请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

在 5-3 章节时 :报错。

报错内容 :

ERROR in ./src/index.js 5:4

Module parse failed: Unexpected token (5:4)

You may need an appropriate loader to handle this file type.

|

| ReactDom.render(

>     <h1>hello world!</h1>,

|     document.getElementById('example')

| )

webpack.config.js 文件中的配置 :


module.exports = {

mode:'none',

entry:{

app : './src/index.js', //打包常态CSS

},

output : {

path: path.resolve(__dirname, 'dist'),

filename: "js/[name]-bundle-[hash:5].js",

publicPath: '/',

},

module: {

rules: [

{

test: /\.js?$/,

use: [

{

loader: 'babel-loader',

options: {

exclude: /node_modules/,

presets: ['react', 'es2015']

}

}

]

}

]

},

}

package.json的显示 :

{

"name": "a-money-ready",

"version": "1.0.0",

"description": "",

"main": "index.js",

"scripts": {

"test": "echo \"Error: no test specified\" && exit 1"

},

"author": "",

"license": "ISC",

"dependencies": {

"babel-preset-es2015": "^6.24.1",

"babel-preset-react": "^6.24.1",

"babelify": "^8.0.0",

"react": "^15.3.2",

"react-dom": "^15.3.2",

"webpack": "^4.15.1",

"webpack-dev-server": "^3.1.4"

}

}

index.js文件的配置 :

var React = require('react');

var ReactDom = require('react-dom');


ReactDom.render(

<h1>hello world!</h1>,

document.getElementById('example')

)


希望老师能够给出解答 。


正在回答 回答被采纳积分+3

1回答

Parry 2018-07-10 23:37:31
webpack 的版本太高了,可以参考一下第二十章的更新或者看下我的 github 版本更新演示。=====================================================此慕课网 React 课程学习遇到的常见问题以及没有审核通过的补充视频(如打包后的文件压缩、单独的 webpack  2 视频教程等)我整理成了一个大的 QA 文档,可以直接参考我博客的 QA 文章。基本包含了所有 React 初学时遇到的各种问题的解决方案。我的博文地址http://blog.parryqiu.com/2017/03/09/react-q-and-a/ 项目源码在线地址https://github.com/ParryQiu/IMOOC-React 【GitHub 更新视频课程】针对源码文件夹 react-router-4_webpack-2-update  更新的讲解视频主要讲解了如下几个问题1: 如果初始化下载的源码;2: 如何在本地运行项目; 3: 如何修改代码,可以直接打开 html 就可以运行,这样你就可...
登录后可查看完整回答登录/注册
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信