javascript Webpack不向浏览器提供js文件更新:网站运行在Safari浏览器,但不Chrome浏览器?

km0tfn4u  于 2023-02-11  发布在  Java
关注(0)|答案(1)|浏览(142)

浏览器中的bundle.js文件包含index.html代码,而节点中的文件包含正确的javascript代码。这并不总是这样,我的项目的旧版本仍然工作,webpack配置完全相同。
预期行为:

实际行为:

  • webpack.config.js
const path = require('path');
const Dotenv = require('dotenv-webpack');

const clientConfig = {
  mode: 'development',
  entry: {
    path: path.join(__dirname, './client/src/index.js')
  },
  output: {
    path: path.join(__dirname, './client/dist'),
    filename: 'bundle.js'
  },
  devServer: {
    historyApiFallback: true
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /nodeModules/,
        loader: 'babel-loader'
      },
      {
        test: /\.(css|scss)$/,
        use: ['style-loader', 'css-loader', 'sass-loader']
      },
      {
        test: /\.(png|pdf)$/,
        loader: 'file-loader'
      }
    ]
  },
  plugins: [
    new Dotenv({systemvars: true})
  ]
}

module.exports = clientConfig;
  • 文件结构(所有相关文件)
-- root 
  |      \
  |       -- client
  |                \
  |                 -- dist
  |                |       \
  |                |        -- index.html
  |                |        -- scss
  |                |               \
  |                |                -- index.scss
  |                \              ...
  |                 -- src
  |                       \
  |                        -- index.js
  |                        -- components
  |                                     \
  |                                      -- App.js 
  |                                      ...  
  -- webpack.config.js

  • 节点

    中的bundle.js

更新:网站运行在Safari浏览器,但不是Chrome浏览器???

dm7nw8vv

dm7nw8vv1#

我没有一个项目是在chrome浏览器上运行的。每当我必须用webpack运行一些东西时,我都会收到这个错误信息

Webpack error bundle.js:1 Uncaught SyntaxError: Unexpected token <

然而,我的项目在Safari浏览器中运行良好。在谷歌上快速搜索之后,我偶然发现了这篇文章https://kinsta.com/knowledgebase/this-site-cant-be-reached/#:~:text=清除%20您的%20浏览器%20缓存& text =到%20solve%20that%20issue%2C%20you,到%20clear%20your%20浏览器%20cache。& text =清除%20缓存的%20图像%20和%20文件,之前%20给%20you%20problems%20。
我决定即兴发挥,我清除了我的浏览器缓存的所有数据和cookie从过去24小时。
错误消失了,我的网站现在工作。
我不完全确定发生了什么,但问题已经解决了。如果有人想贡献或详细说明,请随意这样做。

相关问题