vue-cli3.0 打包之后css文件出现波浪线的情况

Question

components: {
    A: () => import(/* webpackChunkName: "a" */ '@/components/common/A.vue'),
    B: () => import(/* webpackChunkName: "b" */ '@/components/common/B.vue'),
    C: () => import(/* webpackChunkName: "c" */ '@/components/common/C.vue'),
  },

打包之后为什么会出现a~b~c.css和a~b~c.js的问题

Answer 1

先把这个改下，试试看行不行，不行的化，可以把相关的 webpack 配置文件贴出来，看下

components: {
    // webpaackChunkName 这里替换成 webpackChunkName
    A: () => import(/* webpackChunkName: "a" */ '@/components/common/A.vue')
  },

Answer 2

你的现在好了吗，我现在也遇到跟你一样的问题，无解现在。

Answer 3

打包之后为什么会出现a~b~c.css和a~b~c.js的问题

好像是有同一份 css 跟 js 被a b c 这三个组件共同引用吧

提供一个复现的仓库吧

Answer 4

我遇到的是js文件~~~，导致路由懒加载报错，请问解决了么