vue3项目初始化后打包出错

已于 2022-10-18 16:48:51 修改
阅读量1.1k 收藏
点赞数
分类专栏： vue 前端 文章标签： 前端 javascript 开发语言
于 2022-07-20 10:15:06 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/k54kdk/article/details/125886674
版权

 npm init vite-app projectname发生错误

打包完成后右键index文件以服务器的形式打开，发生如下错误，页面显示空白。

Refused to apply style from 'http://127.0.0.1:5501/_assets/style.bfea3a36.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

解决方式1

改用 npm init @vitejs/app初始化项目具体步骤如下文章所示

新建vite项目，从安装到打包http://t.csdn.cn/3FXw3

解决方式2

修改打包好的index中的css文件引用路径

<link rel="stylesheet" href="/_assets/style.bfea3a36.css">

修改为

<link rel="stylesheet" href="_assets/style.bfea3a36.css">

 

k54kdk
关注
专栏目录
vite+vue3构建项目打包异常
qq_43413883的博客
04-15 7228
vite+vue3项目初始化完成后打包异常Cannot access ambient const enums when the '--isolatedModules' flag is provided.
解决because its MIME type (‘text/html‘) is not a supported stylesheet MIME type, and strict MIME check
cz20191106196的博客
04-20 1万+
vue连接django,vue+django
vue-cli3.0以上打包后index.html打开是空白的不显示解决方案
weixin_41884808的博客
07-16 2338
** vue-cli3.0以上打包后index.html打开是空白的不显示解决方案 ** 昨天，写了一个简单的项目官网，本来挺简单的一个项目，结果打包的时候出问题了。项目是同事搭建的，她是Vue3.0以上的版本，而我的是2.9的版本。我们打包都不成功。 #2.0版本 在2.X版本以前，项目都是有个config文件夹的，在index.js里修改build下面修改下静态资源的路径，assetsPublicPath加个点。如图 ##3.0以上 那么3.0以上怎么办，也简单，分两步走 1.在router的inde
记录一个困扰两天的bug,vue3代码用vite打包运行出错的问题
最新发布
guiplan
08-13 355
由于开发环境是正常的，生产环境是坏的，所以无法定位代码哪里错误，只能用排除法，不断修改，打包，修改，打包。后来才发现上面的案例中gameStatus的一个父组件与子组件的通信，我只要改了gameStatus就报错，什么$refs undfined特别的无语。只能换一个方式来处理，这种游戏状态组件里直接用局部变量，myStatus来做判断，然后父组件直接修改子组件的myStatus。这种形式的写法就可以直接获取组件了。首先的第一个问题是proxy.$refs.组件名称，这种写法突然不支持了，其他页面支持。
vue打包出错Refused to apply style from ‘XXXX‘ because its MIME
weixin_44614518的博客
06-20 1520
vue打包出错
vue报错：Refused to apply style from ‘...iconfont.css‘ because its MIME type (‘text//html‘) is not a...
yolo_______95的博客
10-28 2686
问题就是这个文件的类型不是一个受支持的样式表，无法应用样式，造成了样式表的缺失。
vue打包后线上报错Error: Loading chunk 20 failed
DevelopmentW的博客
01-03 837
vue项目本地测试没有问题，只有线上报错Uncaught SyntaxError: Unexpected token ‘
解决vue项目打包报错问题
CQXXTXX的博客
11-02 3219
vue框架打包报错
Electron-Vue - 项目初始化
zhuanghuajun的博客
05-22 368
脚手架 安装 vue-cli 和 脚手架样板代码 npm install -g vue-cli vue init simulatedgreg/electron-vue my-project 安装依赖并运行你的程序 cd my-project yarn # 或者 npm install yarn run dev # 或者 npm run dev electron-vue项目初始化process is not defined问题解决 解决办法是： 在.electron-vue/webpack.rendere
vue项目中运用webpack动态配置打包多种环境域名的方法
10-16
在初始化时，这个文件可能只暴露了`NODE_ENV`这个变量，通过动态修改`BUILD_ENV`，我们可以在构建时根据不同的环境变量值来设置不同的基础URL（`baseUrl`）。 通过`process.env.BUILD_ENV`，我们可以获取到通过...
vue3+ts入门（todolist案例）
02-10
- **生命周期钩子**：理解 Vue3 的生命周期钩子，如 `onMounted`、`onUpdated` 和 `onBeforeUnmount`，并在合适的地方进行初始化、更新或清理操作。 4. **Vue3 的配置**： - **安装 Vue3 和 TypeScript**：使用 `...
解决vue-cli + webpack 新建项目出错的问题
11-29
然而，在初始化和运行项目时，可能会遇到各种问题，其中包括在执行`npm run dev`时遇到的配置错误。在本案例中，用户在使用`npm init webpack love`创建新项目后，尝试启动开发服务器时遇到了一系列未指定的配置选项...
vue-cli3项目，浏览器运行正常，打包后页面空白报错，解决方案
面对疾风吧
08-16 9772
vue-cli3创建的项目，打包后页面空白报错解决 萌新专用，直接复制过去就ok，直接上代码 在你的项目里新建一个文件：vue.congif.js ，是src的同级目录下创建，不是src里面创建文件哦！ 然后复制这段代码过去就OK了，直接打包运行就行了。我都帮你配置好了。如果要上线的话，你记得改改路径，路径名称要加上你的服务器的，当然如果只是打包后不放在服务器上，直接打包运行就ok。 就像下......
because its MIME type (‘text/html‘) is not a supported stylesheet MIME type
q1424966670的博客
08-25 1万+
vue-cli4.0运行yarn build打包之后，页面打开报这个错误，经过查询之后，这是路径错误导致的 所以在项目最外层新建vue.config.js 在js里面加入下面代码 module.exports={ publicPath : './' } 如果你是3.3版本之前的，用下面这个写法 module.exports={ baseUrl: './' } ...
because its MIME type (‘text/html‘) is not a supported stylesheet MIME type, and strict MIME
m0_63077733的博客
02-27 966
because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME
Refused to apply style from ‘XXX‘ because its MIME type (‘text/html‘) is not a supported stylesheet
thirteen_king13的博客
05-20 2万+
完整报错信息是 Refused to apply style from 'http://localhost:8080/src/assets//css/reset.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled 问题就是这个文件的类型不是一个受支持的样式表，无法应用样式。 在 vue 项目中，在 src 的 assets 目
vue-tinymce富文本框 its MIME type (‘text/html‘) is not a supported stylesheet MIME type, and strict MIME
T3165919332的博客
05-26 401
注意：这里博主的skins是放在public下面的。解决方法 引入 content.css。
解决打包文件 加载资源报错 because its MIME type (‘text/html‘) is not a supported stylesheet MIME type
热门推荐
weixin_48337403的博客
11-23 3万+
关于vue-cli打包文件出现问题加载问题 出现这种问题,大多都是路径问题 事情是这样的,最近打包的文件放在服务器上,一直报错,发现资源加载问题,于是上网查找全是关于相对路径的设置问题.但是,修改路径后,基础资源加载没有问题了,但是路由下的页面依然报错,并且是这样的报错. 意思很简单: 拒绝从‘ …’加载应用样式，因为它的MIME类型(‘text/html’)不是受支持的样式表MIME类型 不仅仅css,包括js也出现了相同的问题 后来发现居然跟路由模式也相关,其他项目中默认路由模式是hash,而当前的路
打包vue文件后页面空白，出现报错
Z_hai_yan的博客
03-31 3485
报错如下： Refused to apply style from 'http://127.0.0.1:5500/css/chunk-43aa77e1.33bcbef1.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.Failed to load resource: the server responded with
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

k54kdk

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值