react flux的坑之(二) 启动成功后,无法通过ip访问 webpack

从githhub down了一个备忘录源码下来运行,所遇到的问题之一如下

1、问题描述:

npm run start 成功以后,浏览器输入 localhost:3000能够正常访问, 将localhost换成本机IP 则访问不了。



2、解决办法

在webpack.config.js中 devServer里加上  disableHostCheck: true



参考地址:

https://segmentfault.com/q/1010000004135766  i

==========

致敬gugu

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
对于 webpackReact 的结合,你可以使用 webpack 来构建 React 应用程序。下面是一些基本的步骤: 1. 首先,确保你已经安装了 Node.js 和 npm。可以在终端中运行以下命令来检查是否已经安装成功: ``` node -v npm -v ``` 2. 创建一个新的项目文件夹,并在终端中进入该文件夹。 3. 初始化一个新的 npm 项目,并按照提示进行设置: ``` npm init ``` 4. 安装 React 相关的依赖包。运行以下命令: ``` npm install react react-dom ``` 5. 安装 webpack 和相关的依赖包。运行以下命令: ``` npm install webpack webpack-cli webpack-dev-server babel-loader @babel/preset-react @babel/preset-env html-webpack-plugin --save-dev ``` 6. 在项目根目录下创建一个名为 `webpack.config.js` 的文件,并将以下代码复制到该文件中: ```javascript const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, module: { rules: [ { test: /\.(js|jsx)$/, exclude: /node_modules/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env', '@babel/preset-react'] } } } ] }, plugins: [ new HtmlWebpackPlugin({ template: './src/index.html' }) ], devServer: { contentBase: path.resolve(__dirname, 'dist'), port: 3000 } }; ``` 7. 在项目根目录下创建一个名为 `src` 的文件夹,并在该文件夹中创建一个名为 `index.js` 的文件。在 `index.js` 文件中,编写你的 React 应用程序的代码。 8. 在项目根目录下创建一个名为 `src` 的文件夹,并在该文件夹中创建一个名为 `index.html` 的文件。在 `index.html` 文件中,编写一个空的 HTML 页面。 9. 在终端中运行以下命令来启动 webpack 开发服务器: ``` npx webpack serve ``` 这将启动一个本地服务器,并在浏览器中自动打开你的 React 应用程序。 这是一个基本的使用 webpack 构建 React 应用程序的流程。你可以根据需要进行更多的配置和优化。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值