Vue（八）：vue项目常见报错

最新推荐文章于 2024-01-26 19:55:49 发布
原创 最新推荐文章于 2024-01-26 19:55:49 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #javascript #前端

目录

1、‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序或批处理文件。

在这里插入图片描述

解决：缺少依赖安装 npm i

在这里插入图片描述

2、Failed to load resource: the server responded with a status of 500

vscode：
Proxy error: Could not proxy request /monitoringSystem/NumberOfWarningsIssuedToday3 from localhost:8001 to http://180.76.178.110:7415.
See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED).
console：
在这里插入图片描述

解决：config配置文件api后台接口地址更改或填写

最低0.47元/天 解锁文章
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
在Vue.js项目中，尤其是在结合Webpack这样的模块打包工具时，正确地导入和导出模块是非常重要的。当你遇到“Uncaught TypeError: Cannot assign to read only property &#39;exports&#39; of object &#39;#<Object>&#39;”这样的错误...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property &#39;exports&#39; of object &#39;#<Object>&#39;`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
Failed to load resource: the server responded with a status of 404 (Not Found)
郭宝的博客
08-19 1万+
背景： 在通过 npm run build 对vue项目进行打包时，出现了该错误信息： 解决办法： 提示： 无法加载资源：服务器的响应状态为404（未找到），出现了该错误，那么可以打开项目根目录下的vue.config.js文件，然后将 publicPath: '/', 改为 publicPath: './', 即可 ...
Vue项目：Failed to load resource: the server responded with a status of 502
chinaloong1949的博客
01-26 2433
vite+vue3项目，使用npm run dev运行时，localhost访问正常，通过IP地址访问报错ailed to load resource: the server responded with a status of 502。解决方法：检查本地是否开启了代理服务器。
Vue项目：Failed to load resource: the server responded with a status of 404 (Not Found)
qq_52133989的博客
11-18 7723
Failed to load resource
使用Vue时浏览器后台报错：Failed to load resource: the server responded with a status of 404 (Not Found)
dames的博客
12-29 8010
在IDEA中创建maven工程使用vue修改html中的内容时，访问html页面发现并未修改成功，F12打开后台显示错误：Failed to load resource: the server responded with a status of 404 (Not Found) ，浏览器并未找到vue.js文件！ 原因： （1）maven工程引入vue.js文件后需要对工程进行打包，双击package按钮： （2）由于vue.js文件保存在了静态资源中，检查工程的配置文件springMVC.xml中是否开
【已解决】Vue网页强制刷新提示Failed to load resource:the server responded with a status of :5500/favicon.ico:1...
yolo_______95的博客
09-18 3555
vue favicon.ico404解决办法
Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）
🏆 前端领域优质创作者
12-16 2万+
vue3，vite，报错解决，vue3+vite报错requireisnotdefined，vue3vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“requireisnotdefined”问题，vite项目require语法兼容问题解决requireisnotdefine
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入css文件，例如引入ElementUI库中的css...
vue报错Failed to load resource: the server responded with a status of 404 (Not Found)
weixin_45215652的博客
12-23 1万+
代码是狂神说java14集vue-router路由 po在下面 App.vue <template> <div id="app"> <h1>vue-router</h1> <router-link to="/main">首页</router-link> <router-link to="/content">内容页</router-link> <router-view>&l
vue cli3 打包后访问不到页面 Failed to load resource: the server responded with a status of 404 (Not Found)
mini_1251861209的博客
01-09 1万+
在根目录下新建文件vue.config.js 配置打包资源路径：默认是“./”，如果没有特殊需求就不要修改 代码如下： const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } module.exports = { publicPath: './static', //这个路径根据自己的情况定，默认就填"./",因为我静态资源的路径必须要在static文件夹下.
vue cli部署服务器 报错Failed to load resource: net::ERR_CONNECTION_TIMED_OUT
DubistmeinAugenstern
12-25 4105
问题描述 在本地开发模式下配置了跨域，项目可以正常访问发布的后端接口 当运行完npm run build 将 dist 解压放到宝塔发布后，访问项目报错： 解决方法 排除后端接口没有设置跨域的问题后，不需要改动任何代码，只需在宝塔中配置加入: location /api { add_header 'Access-Control-Allow-Origin' '*'; proxy_pass http://121.43.102.74:8088/api; } 保存即可。
Vue3报错之 Failed to load resource: the server responded with a status of 404 (Not Found)
m0_68829419的博客
03-22 2120
不知道为什么，重新建立了src组件之后，之前组件运行npm run dev的localhost地址没办法打开新的组件，只能在新的组件里面重新右键在集成终端中打开运行npm run dev，反正问题是解决了，后续有更好的解决办法再来补充。
vue打包项目报错Failed to load resource: the server responded with a status of 500 (Internal Server Error)
Hope_wkx的博客
05-25 4048
具体原因不明,修改了config文件后解决了问题 Vue 2.X 解决方式 因为我用的3.0,所以上图是在百度搜到的. Vue 3.X 解决方式 在根目录下 vue.config.js 中添加 这个貌似是文件中本来就存在的, 我在改其他配置的时候手贱删掉了, 哈哈. ...
vuecli 4 打包后 Failed to load resource: net::ERR_FILE_NOT_FOUND 项目打开白屏
qq_44977477的博客
09-10 362
1. src 同级的 vue.config.js 中设置vue 没有就新建一个 // vue.config.js module.exports = { publicPath: './' } 2.修改为 hash 路径 router 下 index.ts文件中 引入createWebHashHistory 将createWebHistory 替换为createWebHashHistory 修改后为： import { createRouter, createWe...
vue项目 build 打包后访问不到页面 Failed to load resource: the server responded with a status of 404 (Not Found)
技小白的博客
08-10 1万+
在项目打包发布的时候，build完成发出去根本访问不到页面报错Failed to load resource: the server responded with a status of 404 (Not Found) 通过多方查找最终定位除了问题 是路径的问题。 解决方式：找到config文件底下的index.js文件 build节点下 assetsPublicPath改为 assetsPublicPath: './' 相对路径 斜杠前面加一小点。 这样重新打包就ok 了。 ...
vue Failed to load resource 找不到资源文件解决
水镜先生的博客
12-15 6676
今天在部署前端项目的时候遇见一个非常奇怪的问题，在本地的时候前端项目一切正常，但是部署到线上非常奇怪一个问题, vue Failed to load resource: the server responded with a status of 404 (Not Found) 这里说一下排查问题的思路 是我的资源文件没有放上去吗？ 然后去服务器确认了一下，发现没有问题，资源文件都在，这怎么会找不到呢？ 是项目中资源文件路径问题？ 检查一下路径也没有问题啊，平时就是这么写的啊。 然后陷入了深深的思考，这样吧
vue Failed to load resource: the server responded with a status of 404 (Not Foun
热门推荐
qq_42877655的博客
03-15 2万+
服务器响应状态为404(未找到) 页面打开就是白色的加几个不知名的字 我试了很多办法，最后… npm install 成功了
vue报错：Uncaught SyntaxError: unexpected token *
最新发布
03-13
<think>好的，我现在需要解决用户提到的Vue项目中遇到的“Uncaught SyntaxError: Unexpected token *”错误。首先，我得回忆一下常见的导致这种错误的原因。根据用户提供的引用内容，这类错误通常与引入的第三方JS文件或浏览器兼容性有关。 首先，用户提到在index.html中引入了第三方JS文件，这可能是问题的根源。根据引用[1]和[2]，我需要检查这个JS文件的语法是否正确，尤其是是否有意外的字符比如“<”或者“*”在不该出现的地方。可能这个文件里有ES6+的语法，而用户的构建环境没有正确转译，导致低版本浏览器无法识别。例如，箭头函数或模板字符串在旧浏览器中会报错。 接下来，引用[3]提到了browserslist的配置，这会影响Babel转译的目标浏览器版本。如果配置中排除了某些需要支持的浏览器，或者没有正确设置，Babel可能不会将高级语法转译成兼容代码，从而导致语法错误。比如，如果配置了不支持ES6的浏览器，但代码中使用了const或let，在旧版IE中就会报错。 然后，我需要考虑构建工具（如Webpack）是否正确处理了第三方库。有时第三方库可能没有经过转译，直接以ES6+的代码发布，这时候需要在项目配置中显式地将其包含进Babel的转译过程中。例如，在vue.config.js中配置transpileDependencies选项，或者修改Babel的exclude规则。 另外，还要检查JS文件的完整性，可能文件下载不完整或被篡改，导致出现意外的符号。比如，在引入的JS文件中，可能存在未闭合的注释或字符串，导致解析器遇到意外的“*”符号，尤其是在正则表达式中。 最后，用户提到的错误信息中的“*”符号，可能出现在解构赋值、生成器函数（function*）或者正则表达式里。如果浏览器不支持这些语法，又没有转译，就会抛出错误。例如，function*在IE中不被支持，必须转译成ES5代码。 总结下来，解决步骤应该是： 1. 检查第三方JS文件的内容，确保语法正确。 2. 确认browserslist配置是否正确，是否覆盖了需要支持的浏览器。 3. 确保构建工具正确处理了第三方库，必要时进行转译。 4. 检查是否有损坏的JS文件。 5. 使用Babel等工具进行语法降级，添加必要的polyfill。</think>针对Vue项目中的`Uncaught SyntaxError: Unexpected token *`错误，以下是逐步解决方案： ### 1. 检查第三方JS文件的语法 - **问题定位**：在`index.html`中引入的第三方JS文件可能包含ES6+语法（如箭头函数、`const/let`声明）或特殊符号`*`（如生成器函数`function*`）[^1][^2]。 - **解决步骤**： 1. 打开第三方JS文件，搜索`*`符号出现的位置，确认是否为合法语法（例如`function*`或正则表达式）。 2. 若文件语法无误，可能是浏览器兼容性问题，需通过Babel转译。 ### 2. 配置Babel转译第三方库 - **问题定位**：Webpack默认排除`node_modules`中的文件，导致第三方库未转译[^3]。 - **解决步骤**： ```javascript // vue.config.js module.exports = { transpileDependencies: [/第三方库名/] // 显式指定需要转译的库 }; ``` ### 3. 调整browserslist兼容范围 - **问题定位**：`package.json`中`browserslist`配置未覆盖低版本浏览器，导致Babel未生成兼容代码。 - **解决步骤**： ```json // package.json "browserslist": [ "> 1%", "last 2 versions", "not dead", "chrome >= 35", "ie >= 8" // 显式支持低版本IE ] ``` ### 4. 添加Polyfill支持 - **问题定位**：旧版浏览器缺失ES6+ API（如Promise、Generator）[^3]。 - **解决步骤**： 1. 安装核心Polyfill： ```bash npm install core-js regenerator-runtime ``` 2. 在入口文件`main.js`中引入： ```javascript import "core-js/stable"; import "regenerator-runtime/runtime"; ``` ### 5. 验证文件完整性 - **问题定位**：JS文件下载不完整或被篡改，导致解析异常[^2]。 - **解决步骤**： 1. 重新下载第三方JS文件。 2. 使用在线工具（如[JSLint](https://www.jslint.com/)）验证文件语法。 --- ### 相关问题 1. 如何判断Vue项目是否需要配置`transpileDependencies`？ 2. `browserslist`配置如何影响打包体积？ 3. 除了Babel，还有哪些方法可提升Vue项目的浏览器兼容性？
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值