本地webpack-dev-server –inline –hot项目可以正常运行起来,webpack命令之后本地打开项目一片空白,部署也是空白

来源:20-4 使用 React Router 4 重写项目(三)

qq_小江南_04298178

2018-03-23

使用的老师github上的源代码react-router-4_webpack-2做部署练习,本地webpack-dev-server –inline –hot项目可以正常运行起来,ctrl+c结束后执行webpack命令之后本地打开项目一片空白,将项目部署到tomcat后访问http://localhost:8080/react-router-4_webpack-2/还是看到一片空白,打开控制台也没有任何报错,老师我部署时是将整个react-router-4_webpack-2项目文件夹完整拷贝到webapps下面的,这样对不对?还需要留node_modules文件夹和组件源代码文件吗?没有做过react项目部署真的很疑惑


写回答

5回答

Parry

2018-03-24

./src 这样是在服务器里不行的

你修改成 src/ 测试下看看,感觉就是 js 没有加载上,不过加载不到应该有 404 的。

0
2
qq_小江南_04298178
老师之前是src/报404错了,我后来修改成.src/确实没有任何报错,页面空白,切换成手机模式页面可以出来不过也有报错,手机端的这个报错在webpack-dev-server运行时也有,我等下把项目发到您邮箱。
2018-03-26
共2条回复

Parry

2018-03-26

看我的 github 更新,有视频教程。

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

此慕课网 React 课程学习遇到的常见问题以及没有审核通过的补充视频(如打包后的文件压缩、单独的 webpack 2 视频教程等)

我整理成了一个大的 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
0

Parry

2018-03-24

不行你把项目文件打包发我邮箱 247073979@qq.com

0
0

Parry

2018-03-24

控制台没有任何错误吗?

0
0

Parry

2018-03-23

 不需要保留的,只需要打包后的 js 文件,可以贴一下 html 中的 js 引用吗?以及打包后的文件列表。

0
4
qq_小江南_04298178
老师上面三条合起来是一条回答,有点长一次性发不过去
2018-03-23
共4条回复

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

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

2768 学习 · 2126 问题

查看课程