Laravel和Vue3升级问题与vue-模板编译器

Question

我正在尝试从Vue2升级到Vue3，但是遇到了错误。

我已经安装了vue3最新版本，安装了@vue/编译器-证监会，并试图删除vue-模板-编译器，但当我做npm运行开发不断获得以下错误，我已经通过了很多这样的帖子，但仍然得到这个错误。

Vue3不需要vue-模板编译器，但是为什么我仍然会出现错误。有人能帮忙吗？谢谢!

Module Error (from ./node_modules/vue-loader/lib/index.js):
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.



Module build failed (from ./node_modules/vue-loader/lib/index.js):
TypeError: Cannot read property 'parseComponent' of undefined
    at parse(...\node_modules\@vue\component-compiler-utils\dist\parse.js:15:23)
    at Object.module.exports(...\node_modules\vue-loader\lib\index.js:67:22)

我的package.json文件如下所示：

 "devDependencies": {
        "@types/jquery": "^3.5.5",
        "@vue/compiler-sfc": "^3.1.2",
        "axios": "^0.21.1",
        "bootstrap": "^4.6.0",
        "cross-env": "^7.0.3",
        "jquery": "^3.6",
        "laravel-mix": "^6.0.19",
        "lodash": "^4.17.21",
        "popper.js": "^1.16.1",
        "postcss": "^8.3.0",
        "resolve-url-loader": "^3.1.2",
        "sass": "^1.32.13",
        "sass-loader": "^7.1.0",
        "ts-loader": "^9.2.2",
        "typescript": "^4.3.2",
        "vue": "^3.1.2",
        "vue-loader": "^15.9.7",
        "webpack": "^5.39.1"
    },
    "dependencies": {
        "@babel/core": "^7.14.6",
        "@babel/preset-env": "^7.14.7",
        "@fortawesome/fontawesome-free": "5.*",
        "@popperjs/core": "^2.9.2",
        "vue-router": "^4.0.10"
    }

packages.json没有vue-模板编译器.我已经尝试删除，而当node_modules文件夹，并做了npm安装和npm运行开发，但这些错误仍然出现。

谢谢

Answer 1

如果还有其他人面临这个问题，我做了以下步骤来解决这个问题：

从根v16.1.2

• Removed directory

• Removed package-lock.json到

1. 将vue-loader升级到版本
2. node_modules文件夹，从根directory
3. Run npm install
4. npm运行dev

现在文件编译成功了。希望能帮上忙。