AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

【webpack】解决报错：Cannot GET /xxxx

2022-12-05 412
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 【webpack】解决报错：Cannot GET /xxxx

正文

解决前端报错：Cannot GET /dimension-reading


66.webp.jpg

67.webp.jpg


这是由于没有在 webpack.config.js 配置 devServer.historyApiFallback的原因，解决方法如下：

......
    // fix bug: Cannot GET /dimension-reading
    devServer: {
        historyApiFallback: true
    },
    ......
}

这个配置的作用是：当匹配不到路径下的资源文件时，不出现 404 页面，而是交由devServer.historyApiFallback 指定的文件处理。（当然了，这个“指定的文件”是有默认值的，所以我上头的配置里没有指定）。


为啥交由指定的文件处理就行了？


这是因为，路由规则都交由 JavaScript 通过浏览器的 History API 处理了。说白了，React 单页应用里的所有的页面路径变更，并不是真正的浏览器前进后退，是假的，是应用内部通过 JavaScript 控制的。

文章标签：
JavaScript
前端开发
API
关键词：
Webpack报错
Webpack报错cannot
七镜
目录
相关文章
Y2000104
|
6月前
webpack.config.js配置文件报错：The ‘mode‘ option has not been set
webpack.config.js配置文件报错：The ‘mode‘ option has not been set
Y2000104
101 0
凯小默
|
6月前
webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts
webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts
凯小默
437 0
。思索
|
3月前
|
JavaScript
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
。思索
74 0
码农飞哥
|
4月前
|
JavaScript
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
Vue 开发中的一些问题简单记录，Cannot find module ‘webpack/lib/RuleSet‘
码农飞哥
294 1
咕噜咕噜wy
|
6月前
webpack版本问题 Cannot read property ‘createHash‘ of undefined
webpack版本问题 Cannot read property ‘createHash‘ of undefined
咕噜咕噜wy
89 1
王同学睡醒了
|
11月前
【Webpack】TypeError: Cannot read property ‘tap‘ of undefined at HtmlWebpackPlugin.
【Webpack】TypeError: Cannot read property ‘tap‘ of undefined at HtmlWebpackPlugin.
王同学睡醒了
68 0
王同学睡醒了
|
11月前
Webpack打包出错：Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin‘ Require stack:
Webpack打包出错：Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin‘ Require stack:
王同学睡醒了
132 0
dreaming317
Error: Cannot find module ‘webpack‘ 问题解决办法
Error: Cannot find module ‘webpack‘ 问题解决办法
dreaming317
697 1
No8g攻城狮
|
前端开发 JavaScript 编译器
【前端异常】vscode：无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称，Cannot find module ”webpack“
【前端异常】vscode：无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称，Cannot find module ”webpack“
No8g攻城狮
972 0
猫头虎
|
JavaScript Cloud Native Go
Error: Cannot find module ‘webpack/bin/config-yargs‘ at Function.Module._resolveFilename (intern
Error: Cannot find module ‘webpack/bin/config-yargs‘ at Function.Module._resolveFilename (intern
猫头虎
78 0

热门文章

最新文章

  • 1
    【vue】webpack打包vue项目并且运行在Tomcat里面
  • 2
    webpack window 使用sass来编译css样式
  • 3
    vue之webpack打包原理和用法详解
  • 4
    2.2.3 使用webpack loader
  • 5
    wp2vite的妙用，让webpack项目支持vite
  • 6
    UniApp 解决 Error: Cannot find module ‘webpack/lib/RuleSet‘
  • 7
    你真的理解 Webpack？请回答下列问题
  • 8
    【前端异常】vscode：无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称，Cannot find module ”webpack“
  • 9
    webpack指南-webpack介绍-代码分割 - CSS
  • 10
    2.2.4 webpack 配置文件
  • 1
    使用Webpack的module.hot API来定义模块的热替换
    75
  • 2
    webpack热更新原理
    60
  • 3
    【TypeScript技术专栏】TypeScript与Webpack构建优化
    89
  • 4
    【专栏】`webpack` 的 `DefinePlugin` 插件用于在编译时动态定义全局变量，实现环境变量差异化、配置参数动态化和条件编译
    320
  • 5
    webpack实战——手写常用plugin
    298
  • 6
    webpack学习笔记--优化
    59
  • 7
    webpack学习笔记--基本配置
    71
  • 8
    深入了解Webpack：前端模块打包工具
    104
  • 9
    构建工具：配置Webpack打包Vue项目
    97
  • 10
    js开发：请解释什么是Webpack，以及它在项目中的作用。
    60

    • 相关课程

    更多
  • 前端自动化构建工具 Webpack
  • Java Web开发-Web应用、Tomcat、HTTP请求与响应

    • 相关电子书

    更多
  • 基于webpack和npm的前端组件化实践
  • SPARKLER，A web-crawler on Apache Spark
  • 从Web到Cloud App

    • 相关实验场景

    更多
  • Html5和Webpack3：Webpack5的常见用法
  • Html5和Webpack2：Webpack5打包JS和样式表
  • Html5和Webpack1：Webpack5打包工具介绍
  • Web Terminal环境使用指南
    • 下一篇
    无影云桌面