didi / mpx

Mpx,一款具有优秀开发体验和深度性能优化的增强型跨端小程序框架

Home Page:https://mpxjs.cn

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug report] 关于编译过程中修改样式导致小程序预览提示报错。

FJing914403 opened this issue · comments

问题描述
请用简洁的语言描述你遇到的bug,至少包括以下部分,如提供截图请尽量完整:

  1. 问题触发的条件
    框架编译过程中调整任意的mpx文件的界面样式style标签下的内容如添加一个class .class 保存,然后将.class删除后 保存即可触发。
    恢复小程序报错需要重新运行 npm run serve

  2. 期望的表现
    image

  3. 实际的表现
    image

环境信息描述
至少包含以下部分:

  1. 系统类型(Mac或者Windows)
    Windows

  2. 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"
  ]
}
  1. 小程序开发者工具信息(小程序平台、开发者工具版本、基础库版本)
    微信小程序、开发工具版本:RC 1.06.2402021、基础库:3.4.1

最简复现demo
一般来说通过文字和截图的描述我们很难定位到问题,为了帮助我们快速定位问题并修复,请按照以下指南编写并上传最简复现demo:

  1. 根据现有项目遇到的问题,尝试精简代码,确定问题的最小复现条件
    在npm run serve 运行程工情况下在app.mpx文件的style标签内修改为如下代码
<style>
.class
</style>

保存
然后将style标签内的内容删掉

<style>
</style>

保存
查看微信开发者工具预览