请稍等 ...

webpack打包后运行出错

html代码

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

</head>

<body>

<div id="example">123</div>

<script src="js/bundle.js"></script>

</body>

</html>

dragon1025 2017-02-22 23:40:42

2565

收起

提交取消

14回答

Parry 2017-02-24 10:40:17

npm install babel-plugin-react-html-attrs

0 回复有任何疑惑可以回复我~

Parry 2017-02-23 12:42:15

你直接下载源码包看配置吧，第二个图已经提示你 react-html-attrs 组件没有安装了。

0 回复有任何疑惑可以回复我~

Parry 2017-02-22 23:55:08

你之前安装什么的，错误就没解决，就开始输入 webpack 了？之前的安装没有加 sudo 吧，权限错误了。出错了请认真看错误提示。一步步来。

0 回复有任何疑惑可以回复我~

提问者 dragon1025 2017-02-25 09:21:20

以下是我依次执行的命令

npm init

sudo npm install --save react react-dom babelify babel-preset-react babel-loader

sudo npm install babel-preset-es2015 --save

sudo npm install babel-core --save

sudo npm install -g webpack

sudo npm install -g webpack-dev-server

sudo npm install webpack-dev-server --save

sudo npm install webpack --save-dev

0 回复有任何疑惑可以回复我~

提问者 dragon1025 2017-02-24 16:49:11

装上了但是运行的时候还是有报错

0 回复有任何疑惑可以回复我~

Parry #1
```
React 没有加载啊，你之前配置的什么?
```
回复有任何疑惑可以回复我~ 2017-02-24 17:05:20
提问者 dragon1025 回复 Parry #2
```
回复 ParryKK  配置好了啊 还有什么别的加载吗？
```
回复有任何疑惑可以回复我~ 2017-02-24 20:06:34

Parry 回复提问者 dragon1025 #3

错误提示你 React 都没有加载上啊。自己定义的端口？还有访问的路径为什么是那样的？

回复有任何疑惑可以回复我~ 2017-02-24 21:10:54

点开查看后面1条评论

提问者 dragon1025 2017-02-23 23:28:15

弄来弄去都搭不成功,到底要怎么做照着视频一步步来都不行

0 回复有任何疑惑可以回复我~

Parry #1

不行你给个teamview账号，我远程看看吧， 不知道你怎么配置的？为什么要配置在 xampp 下？

回复有任何疑惑可以回复我~ 2017-02-25 09:51:38

提问者 dragon1025 2017-02-23 22:50:06

npm install react-html-attrs 执行这个命令的时候出现问题

0 回复有任何疑惑可以回复我~

提问者 dragon1025 2017-02-23 14:21:25

react-html-attrs 这个需要用什么命令安装?我是一步一步看视频的没有看见这个的安装过程

0 回复有任何疑惑可以回复我~

Parry #1
```
npm install react-html-attrs
```
回复有任何疑惑可以回复我~ 2017-02-23 15:43:57
Parry #2
```
babel-plugin-react-html-attrs
```
回复有任何疑惑可以回复我~ 2017-02-24 10:39:48

提问者 dragon1025 2017-02-23 09:09:20

这是我的package.json文件内容

0 回复有任何疑惑可以回复我~

提问者 dragon1025 2017-02-23 09:03:17

开始提示了没有

babel-loader

但是我用命令 sudo npm install babel-loader babel-core babel-preset-es2015 webpack --save-dev 装好了

0 回复有任何疑惑可以回复我~

提问者 dragon1025 2017-02-23 09:02:18

我是对着老师的视频一步一步敲的

0 回复有任何疑惑可以回复我~

提问者 dragon1025 2017-02-23 08:53:13

这是没有注释 webpack.config.js 的这句 plugins: ['react-html-attrs'],的结果

0 回复有任何疑惑可以回复我~

提问者 dragon1025 2017-02-23 08:49:59

这个是注释了 webpack.config.js 的这句 plugins: ['react-html-attrs'], //添加组件的插件配置的结果

0 回复有任何疑惑可以回复我~

提问者 dragon1025 2017-02-23 08:46:44

这是webpack命令时的结果

0 回复有任何疑惑可以回复我~

相似问题

webpack打包时报错TypeError: Cannot read property

npm run dev 报错

在idea里是可以运行的，但是打包后就不能运行了

打包后child_process模块是空的

node.js、react.js以及webpack相关依赖包可以离线安装吗？

登录后可查看更多问答，登录/注册

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

参与学习 2768 人
解答问题 2126 个

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

了解课程

本课精华内容

问答

老是课程里面说的各个章节的源码在哪里哦

5.4k 6

求源代码

5.2k 6

React Developer Tools安装之后找不到React工具

2.5k 18

webpack打包后运行出错

2.6k 14

看了所有webpack-dev-server的提问，我的还是刷新不出来

2.9k 13

查看更多本课问答

意见反馈帮助中心 APP下载