开发者社区> 问答> 正文

webpack打包react报错unexpected token?报错

react 0.14.3

webpack 1.12.9

才接触webpack,折腾了半天,就是打包不通过


initPage.js:

var React = require('react');
var ReactDOM = require('react-dom');
ReactDOM.render(<h1>hello<h1/>,document.body);

webpack.config.js:

var path = require('path');
module.exports = {
    entry: {
        // main:'/app/app.js',
        module:'./components/initPage.js'
    },
    output: {
        path: path.join(__dirname, '/build'),
        filename: '[name].js'
    },
    resolve: {
        extensions: ['', '.js', '.jsx']
    },
    module: {
        loaders: [
            { test: /\.js|jsx$/, loaders: ['babel'] }
        ]
    }
}
<p>
	<br>
</p>
<p>
	<br>
</p>


展开
收起
爱吃鱼的程序员 2020-06-10 15:37:27 1090 0
1 条回答
写回答
取消 提交回答
  • https://developer.aliyun.com/profile/5yerqm5bn5yqg?spm=a2c6h.12873639.0.0.6eae304abcjaIB
    loaders===> loader回复 @恨空长飞:--"要怪就怪npm在国外这个倒不是,loaders后面用数组,loader后面用字符串。我最后才发现我npminstallbabel-loader貌似没有加载完结。。。最后导致始终打包不过。。。。真是醉了,安装个babel要把babel-corewebpack都安装一遍

    改成:

    over~

    2020-06-10 15:37:44
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载