vue使用过程中遇到的问题

1.使用elememt-plus时，控制台报如下警告：

o preserve current behavior: $weight * 1%

More info: https://sass-lang.com/d/function-units

   ╷
27 │     --el-tag-font-color: #{mix(
   │ ┌──────────────────────────^
28 │ │       map.get($--tag-color, 'primary'),
29 │ │       $--color-white,
30 │ │       $fontColorWeight
31 │ │     )};
   │ └─────^

解决办法，修改sass和sass-loader的版本：

"sass": "1.55.0",
"sass-loader": "13.2.0",

参考资料：https://devs.keenthemes.com/question/sass-warning-cant-find-t...

2.Uncaught TypeError:Cannot read properties of null (reading ‘isCE‘) at Cc (1cl-test-ui.mjs:1564:9)

问题：vue版本不一致造成的，升级vue版本
参考资料：https://github.com/vuejs/core/issues/4344
若是vite,可以配置：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  build: {
    rollupOptions: { //解决isCE问题
      external: ["vue"],
      output: {
        globals: {
          vue: 'vue'
        }
      }
    },
    lib: {
      entry: "./packages/index.js",
      name: 'lcl-test-ui'
    }
  }
})

3.vue3在使用过程中，出现了 Syntax Error: TypeError: Cannot read property 'content' of null 错误

原因：vue的v3.3.4版本中，禁止模板上直接使用props的属性造成的。

解决办法：
第一种降级vue版本：
1）可用版本：

"vue": "3.2.47",
"vue-router": "4.1.6",
"vuex": "^4.0.2"

2）不可用版本：

vue：3.3.4 
vue-router: 4.2.2

第二种：去掉模板中直接使用props传过来的内容，通过本地的method或是computed后，再使用，如下所示：

4.vue编译时报错Syntax Error:TypeError: this.getOptions is not a function的解决方法

 ERROR  Failed to compile with 1 error                 
 error  in ./src/App.vue?
vue&type=style&index=0&id=7ba5bd90&lang=scss
Syntax Error: TypeError: this.getOptions is not a function @ ./node_modules/vue-style-loader

参考资料：https://www.yii666.com/blog/295054.html

5.vue使用了mathjs出现以下错误：

 In "GeV^-2", "^" must be followed by a floating-point number (at 1.afacbb65902a466f2de7.js:62:262811)

原因：安装最新版本的mathjs，最新版本存在bug，需要固定一个稳固版本，修改package.json中”mathjs”: “8.1.0”。有时是项目安装的包中有引用，如果想快速定位哪个包中使用了mathjs，可以执行npm命令：
npm ls mathjs
执行结果如下：

└─┬ white-web-sdk@2.16.10
  └── mathjs@6.6.5