webpack打包时报错TypeError: Cannot read property

来源:5-4 webpack热加载配置(下)

BridgetMa

2018-04-28

版本配置使用了http://blog.parryqiu.com/2017/03/25/fix-webpack-dev-server-automatic-refresh/这个里面的,然后config文件部分代码如下

module: {

        //loaders加载器

        rules: [

            {

                test: /\.(js|jsx)$/,//一个匹配loaders所处理的文件的拓展名的正则表达式,这里用来匹配js和jsx文件(必须)

                exclude: /node_modules/,//屏蔽不需要处理的文件(文件夹)(可选)

                use: [

                    {

                        loader: 'babel-loader',

                        query: {

                            presets: ['react', 'es2015']

                        }

                    }

                ],//loader的名称(必须)

            }

        ]

    },


写回答

2回答

BridgetMa

提问者

2018-04-28

//img.mukewang.com/szimg/5ae43762000172a409830142.jpg

之后,我执行webpack-dev-server命令就也报错了

//img.mukewang.com/szimg/5ae437990001244d07410084.jpg

0
5
Parry
回复
BridgetMa
webpack -v 看下,源码和你本地的 webpack 版本没有关系。
2018-04-29
共5条回复

Parry

2018-04-28

你直接下载课程源码对比下看看。


=====================================================

此慕课网 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 就可以运行,这样你就可以将 React  的项目直接当成一个静态站点进行部署。

 

目前文章主要包含了以下问题的解决方案:

一些课程资源,如源代码、思维导图、后台 API 源代码等;

关于       Webpack 2.0 详细使用的 20 集免费补充视频;

webpack-dev-server       不能自动刷新的问题;

使用       Webpack 2 搭建的 React 浏览器自动刷新的项目模板,多次测试可用;

React       Developer Tool 的问题;

缺少       react-html-attrs 插件;

babel-loader       没加载的错误;

fetch 的使用;

占用端口 8080 的问题;

错误 The       root route must render a single element 的处理;

如何在chrome       console 中打开 paint flashing;

父组件通过 refs 获取子组件真实 DOM 节点的问题;

跳转 Route 的问题;

将       AntDesign 中的 getFieldProps 替换成       getFieldDecorator 的处理;

错误 Target       container is not a DOM element 的原因及解决方案;

慕课没有发布的更新课程;

React       Router 4.0 中 location undefined 的问题;

AntDesign       官方文档中的函数语法错误的解决方案;

解决课程中 React       Router 版本的差异问题;

课程中 API 的地址。


0
1
BridgetMa
我下载了你GitHub上面的源码05--02,然后先npm install 安装,之后执行了webpack打包命令,结果报错(回复里面贴不了图,我放到下个评论里面了)
2018-04-28
共1条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程