vue Uncaught SyntaxError: Unexpected token '<' chunk-vendors.js

解决vue Uncaught SyntaxError: Unexpected token '<' chunk-vendors.js

在配置多级路由的时候,并且设置了 vue.config.js 里面配置了 publicPath:"./", 的相对路径,就会出现文件无法找到的,只需要改成绝对路径例如

   publicPath:"/",//配置项目路径

事件原因回顾

vue.config.js

const webpack = require("webpack");

module.exports={
    publicPath:"./",//配置项目路径
    outputDir:"dist",//构建输出目录,默认目录dist
     ......

}

配置路由

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
         .....
    {
        path: '/aa/erer/about',
        name: 'About',
        component:  ()=>import("../views/good/show/index.vue"),
    }
]

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes
})

export default router

然后访问
黑白课堂
黑白课堂
然后我们将路径写成根目录即可

const webpack = require("webpack");

module.exports={
    publicPath:"/",//配置项目路径
    outputDir:"dist",//构建输出目录,默认目录dist
     ......

}

评论区 (0)

没有记录
支持 markdown,图片截图粘贴拖拽都可以自动上传。
哪吒

哪吒 · 中级学士

热爱技术,喜欢新东西。

老程序员年度分享MVP
查看更多

最新视频课程