[Bug report] 关于编译过程中修改样式导致小程序预览提示报错。
FJing914403 opened this issue · comments
问题描述
请用简洁的语言描述你遇到的bug,至少包括以下部分,如提供截图请尽量完整:
-
问题触发的条件
框架编译过程中调整任意的mpx文件的界面样式style标签下的内容如添加一个class .class 保存,然后将.class删除后 保存即可触发。
恢复小程序报错需要重新运行 npm run serve
环境信息描述
至少包含以下部分:
-
系统类型(Mac或者Windows)
Windows -
Mpx依赖版本(@mpxjs/core、@mpxjs/webpack-plugin和@mpxjs/api-proxy的具体版本,可以通过package-lock.json或者实际去
node_modules当中查看)
{
"name": "f",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "mpx-cli-service serve",
"build": "mpx-cli-service build",
"lint": "eslint --ext .js,.ts,.mpx src/"
},
"dependencies": {
"@mpxjs/api-proxy": "^2.9.0",
"@mpxjs/core": "^2.9.0",
"@mpxjs/fetch": "^2.9.0",
"@mpxjs/pinia": "^2.9.0",
"@mpxjs/store": "^2.9.0",
"@mpxjs/utils": "^2.9.0",
"pinia": "^2.0.14",
"vue": "^2.7.0",
"vue-demi": "^0.14.6",
"vue-i18n": "^8.27.2",
"vue-i18n-bridge": "^9.2.2",
"vue-router": "^3.1.3"
},
"devDependencies": {
"@babel/core": "^7.10.4",
"@babel/plugin-transform-runtime": "^7.10.4",
"@babel/preset-env": "^7.10.4",
"@babel/runtime-corejs3": "^7.10.4",
"@mpxjs/babel-plugin-inject-page-events": "^2.9.0",
"@mpxjs/eslint-config-ts": "^1.0.5",
"@mpxjs/mpx-cli-service": "^2.0.0",
"@mpxjs/size-report": "^2.9.0",
"@mpxjs/unocss-base": "^2.9.0",
"@mpxjs/unocss-plugin": "^2.9.0",
"@mpxjs/vue-cli-plugin-mpx": "^2.0.0",
"@mpxjs/vue-cli-plugin-mpx-eslint": "^2.0.0",
"@mpxjs/vue-cli-plugin-mpx-typescript": "^2.0.0",
"@mpxjs/vue-cli-plugin-mpx-utility-first-css": "^2.0.0",
"@mpxjs/webpack-plugin": "^2.9.0",
"@vue/cli-service": "~5.0.0",
"autoprefixer": "^10.2.4",
"eslint": "^7.0.0",
"postcss": "^8.2.6",
"stylus": "^0.55.0",
"stylus-loader": "^6.1.0",
"typescript": "^4.1.3",
"webpack": "^5.43.0"
},
"browserslist": [
"ios >= 8",
"chrome >= 47"
]
}
- 小程序开发者工具信息(小程序平台、开发者工具版本、基础库版本)
微信小程序、开发工具版本:RC 1.06.2402021、基础库:3.4.1
最简复现demo
一般来说通过文字和截图的描述我们很难定位到问题,为了帮助我们快速定位问题并修复,请按照以下指南编写并上传最简复现demo:
- 根据现有项目遇到的问题,尝试精简代码,确定问题的最小复现条件
在npm run serve 运行程工情况下在app.mpx文件的style标签内修改为如下代码
<style>
.class
</style>
保存
然后将style标签内的内容删掉
<style>
</style>
保存
查看微信开发者工具预览