Question

我在小型React项目上遇到了Gulp + Webpack的问题。根据请求未定义的URL我需要gulp返回index.html 那是因为我使用React + React路由器dom并且在刷新或手动输入URL时我的应用程序被破坏了，因为第一个请求被发送到gulp-connect服务器并且他不知道当他和我发送什么时发送给我找到那条路线

gulpfile.js：

 gulp.task('connect', function () {
  var port = 9000;
  var serverConfiguration = {
    root: [
      paths.dest.folder,
      paths.dest.folder + '/src'
    ],
    base: 'http://localhost',
    port: port,
    livereload: true,
    fallback:'./index.html'
  };

  var server = connect.server(serverConfiguration);

  open('http://localhost:' + port);

  return server;
});

webpack.config.js

module.exports = {
    entry: "./src/index.tsx",
    output: {
        filename: "bundle.js",
        path: __dirname + "/dist",
        publicPath: '/'
    },

    plugins: [
      new webpack.HotModuleReplacementPlugin()
    ],

    devtool: "source-map",

    resolve: {
        extensions: [".ts", ".tsx", ".js", ".json"]
    },

    module: {
        loaders: [
            {
              test: /\.tsx?$/, 
              loader: "awesome-typescript-loader"
            }
          ]
    },

    externals: {
        "react": "React",
        "react-dom": "ReactDOM"
    },

    devServer: {
      historyApiFallback: {
        index:'./index.html'
      },
      hot: true
    }};

所以我需要当我去未知的url gulp发送index.html

我设置了连接模块的后备，但它给了我一个错误：

Uncaught SyntaxError: Unexpected token <

所以，我错了，我做错了什么。我将devServer.historyApiFallback设置为true或者设置为＆＃39; ./ index.html＆＃39;在webpack配置文件和gulp-connect上的回退但它仍然给我这个错误。有人知道这里有什么问题吗？

Webpack + Gulp无法获取Url并返回404

0 个答案: