vue3项目上线报错记录

1、项目上线之后,报错dayjs is not a function;

import * as   dayjs from "dayjs";  //这里报错 不需要这样引入 直接引入下面这条即可解决
import  dayjs from "dayjs";

2、项目上线报错:Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/html”. Strict MIME type checking is enforced for module scripts per HTML spec.

a、如果使用得是nginx发布,则需要配置
location /文件夹名称 {
            alias   html/文件夹名称/;
            index  index.html index.htm;
	    add_header 'Access-Control-Allow-Origin' '*';
	    try_files $uri $uri/ /index.html;  
        }
b、需要设置vite.config.ts
base:'./',

3、项目上线之后:报错We‘re sorry but doesn‘t work properly without JavaScript enabled. Please enable it to continue。

项目使用得是axios,参考其他资料,重启服务器,问题未解决。使用的是GET请求,输出结果中,Content-Type为 text/html。修改axios的Content-Type无效,貌似修改Content-Type 只对POST请求有效,后将请求改为POST请求之后,获取到正确结果。

4、项目在本地运行正常,上线之后报错 Unexpected token ‘<’, ")

具体报错内容
原因:静态文件引入错误,原来的静态文件在src/testData,将文件放到public.
将url: ‘src/testData/********.json’ 改为 url: ‘./testData/*******.json’。

### 解决 uni-file-picker 报错问题 #### 了解报错现象及其原因 应用上线后,在不同用户环境中可能会遇到各种报错情况。对于 `uni-app` 开发的应用而言,第三方统计系统的错误报告可能不够直观,因为这些系统通常会显示经过编译后的代码中的错误位置,这使得开发者难以定位原始源码中的具体问题所在[^1]。 #### 配置与环境检查 为了有效处理 `uni-file-picker` 的报错问题,首先要确认当前项目配置是否满足该组件的要求: - **Sass 插件依赖**:确保已安装 Sass 插件,这是使用某些特定功能的前提条件之一。 - **平台兼容性**:注意此组件仅适用于 H5 和微信小程序两个平台;如果是在其他平台上遇到了问题,则可能是由于跨平台适配引起的。 - **API 使用差异**:特别是在微信小程序上,应采用 `wx.chooseMessageFile()` 方法来实现文件选择操作[^2]。 ```javascript // 示例:在微信小程序中正确调用 chooseMessageFile API if (process.env.VUE_APP_PLATFORM === &#39;mp-weixin&#39;) { wx.chooseMessageFile({ count: 1, type: &#39;file&#39;, success(res) { console.log(&#39;Selected File:&#39;, res.tempFiles); } }); } ``` #### 错误调试技巧 当面对由 `uni-file-picker` 引起的异常时,建议采取如下措施来进行排查: - 启用详细的日志记录机制,尤其是在生产环境中部署之前,以便更好地捕捉潜在的问题源头。 - 利用浏览器控制台或是模拟器内的开发者工具查看具体的 JavaScript 错误信息,并尝试逆向映射到未压缩版本的源代码里去理解其含义。 - 如果怀疑是框架本身存在的 bug 导致的功能失效,可以通过查阅官方文档更新说明以及社区反馈论坛获取更多信息和支持。 通过上述方法可以帮助更精准地找到并修复 `uni-file-picker` 可能产生的各类问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值