反应悬念在错误的目录中查找块

作者：mobiledu2502930381 | 来源：互联网 | 2023-09-15 08:20

我正在尝试使用webpack构建一个基本的reactlazy应用程序。它成功创建了块，但是当

我正在尝试使用webpack构建一个基本的react lazy应用程序。它成功创建了块，但是当应用程序运行时，它将在错误的目录中查找块，因此，应用程序崩溃。我的构建目录是dist，我将js文件放在dist / js目录中，但它在块的根目录（活动服务器的根目录）中查找。这是实现：

主页组件：

import React,{lazy,Suspense} from 'react' import { render } from 'react-dom' const Info = lazy(() => import('./Info')) class Home extends React.Component{ state = { show: false,} toggleShow = () => this.setState(prevState => ({ show: !prevState.show })); render(){ console.log return (


                React lazy - today

                {this.state.show && (
                    something went wrong


        )
    };
}
render(,document.querySelector('#app'));

信息组件：

import React from 'react' export default (props) => (

This is secure information

);

webpack：

const path = require('path'); const { CleanWebpackPlugin } = require('clean-webpack-plugin'); module.exports = { entry: { app: './src/lazy/Home.js' },output:{ publicPath: '/',path: path.join(__dirname,'dist/js'),filename: '[name].bundle.js' },module:{ rules:[ { loader: 'babel-loader',test:/\.js$/,exclude: /node_modules/ } ] },plugins:[new CleanWebpackPlugin()],mode:'development' };

问题已解决：
我正在使用实时服务器来运行该应用程序。我尝试使用webpack-dev-server，然后解决了这个问题。

已解决的问题：
我正在使用实时服务器来运行该应用程序。我尝试使用webpack-dev-server，然后解决了这个问题。