index.cjs:338 Uncaught TypeError: (0 , import_vue.createElementVNode) is not a function at eval

总结：
本次出错是在安装script-loader和el-table-infinite-scroll之后发生的。
在卸载script-loader无果后，我就应该想到是el-table-infinite-scroll这个带来的。
排除法很简单的，不是吗？？？欲哭无泪，我整整一天的时间啊

真正的原因：
el-table-infinite-scroll安装了3.0.1的版本， 该版本需要安装element-plus，而element-plus又需要vue3，但是我的项目是vue2。
题目中的错误在升级到vue3后可能就会消失了，但是我们项目要求用vue2

解决方案：
安装了el-table-infinite-scroll 2.0.0版本，npm安装好像不能指定版本号，所以我在package.json文件中修改版本号后，删除node-modules文件夹，重新cnpm install。终于正常运行了。

正文：

image.png

出现这个错误，一直弄不好，所以就把node-modules删了，重新安装，结果也安装不好了，出现如下的报错

image.png

1. 首先要顺利安装node-modules

我回想了一下，我所有出错的来源就是安装了"script-loader": "^0.7.2",所以首先把这从package.json中删除，再次cnpm install, 还是报同样的错，看来跟这没关系了。
又从网上查到，这应该是node版本和node-sass版本不匹配。

node -v

查到node版本是18，但是node- sass才是4
https://www.npmjs.com/package/node-sass这里下面的表格里有相对应的版本，大家可以参考。

1.1 我第一反应是降低node的版本

但是nodejs官网http://nodejs.cn/download/只有16和18，从网上搜的有关指定版本下载的代码也不管用

image.png

brew uninstall node
node -v //not found
brew install node

1.2 升级node-sass版本

我尝试卸载，但还是报错

cnpm uninstall node-sass

所以从package.json中删除"node-sass": "^4.13.1",然后cnpm install，还是报同样的错，查找原因无果，想到了之前版本对应的页面，往下滑，果真有对策。
设置了一下node-sass源，然后再安装，就没问题了

npm install -g mirror-config-china --registry=https://registry.npmmirror.com
npm install node-sass

yeah!!!

2. 运行 npm run serve

报错如下

image.png

image.png

css: {
    loaderOptions: {
      sass: {
        additionaData: `@import"@/assets/scss/_variable.scss";`,
      },
    },
  },

这里的是sass-loader:12.0.0
cass-locader的版本不同，additionaData也会不同，
sass-loader:v10以上就用：additionaData
sass-loader:v8以上就用：prependData
sass-loader:v8-以下就用：data
接下来，还报这错

image.png