search

vuejs / vue-cli

🛠️ webpack-based tooling for Vue.js Development
https://cli.vuejs.org/
MIT License
29.75k stars 6.33k forks source link

publicPath=auto在 modern模式下报错 #6647

Open bluepeople1 opened 3 years ago

bluepeople1 commented 3 years ago

Version

5.0.0-beta.3

Environment info

Environment Info:

  System:
    OS: macOS 11.5.2
    CPU: (8) x64 Intel(R) Core(TM) i5-8279U CPU @ 2.40GHz
  Binaries:
    Node: 14.17.0 - /usr/local/bin/node
    Yarn: 1.19.1 - /usr/local/bin/yarn
    npm: 7.20.6 - /usr/local/bin/npm
  Browsers:
    Chrome: 92.0.4515.159
    Edge: Not Found
    Firefox: 88.0.1
    Safari: 14.1.2
  npmPackages:
    @ant-design/icons-vue:  2.0.0 
    @vue/babel-helper-vue-jsx-merge-props:  1.2.1 
    @vue/babel-helper-vue-transform-on:  1.0.2 
    @vue/babel-plugin-jsx:  1.0.6 
    @vue/babel-plugin-transform-vue-jsx:  1.2.1 
    @vue/babel-preset-app:  5.0.0-beta.3 
    @vue/babel-preset-jsx:  1.2.4 
    @vue/babel-sugar-composition-api-inject-h:  1.2.1 
    @vue/babel-sugar-composition-api-render-instance:  1.2.4 
    @vue/babel-sugar-functional-vue:  1.2.2 
    @vue/babel-sugar-inject-h:  1.2.2 
    @vue/babel-sugar-v-model:  1.2.3 
    @vue/babel-sugar-v-on:  1.2.3 
    @vue/cli-overlay:  5.0.0-beta.3 
    @vue/cli-plugin-babel: ^5.0.0-beta.0.2 => 5.0.0-beta.3 
    @vue/cli-plugin-eslint: ^5.0.0-beta.0.2 => 5.0.0-beta.3 
    @vue/cli-plugin-router:  undefined (5.0.0-beta.3)
    @vue/cli-plugin-vuex:  undefined (5.0.0-beta.3)
    @vue/cli-service: ^5.0.0-beta.0.2 => 5.0.0-beta.3 
    @vue/cli-shared-utils:  5.0.0-beta.3 
    @vue/compiler-core:  3.2.4 
    @vue/compiler-dom:  3.2.4 
    @vue/compiler-sfc: ^3.0.11 => 3.2.4 
    @vue/compiler-ssr:  3.2.4 
    @vue/component-compiler-utils:  3.2.2 
    @vue/shared:  3.2.4 
    @vue/web-component-wrapper:  1.3.0 
    ant-design-vue:  1.7.7 
    babel-helper-vue-jsx-merge-props:  2.0.3 
    eslint-plugin-vue: ^7.6.0 => 7.16.0 
    single-spa-vue: ^1.10.1 => 1.10.1 
    swiper/vue:  undefined ()
    vue: ^2.6.12 => 2.6.14 
    vue-awesome-swiper: ^4.1.1 => 4.1.1 (3.1.3)
    vue-bus: ^1.2.1 => 1.2.1 
    vue-clamp:  0.3.2 
    vue-cli-plugin-single-spa: ^1.3.2 => 1.3.2 
    vue-cropper:  0.5.6 
    vue-eslint-parser:  7.10.0 
    vue-hot-reload-api:  2.3.4 
    vue-keep-ratio:  1.3.2 
    vue-loader:  16.5.0 (15.9.8)
    vue-quill-editor:  3.0.6 
    vue-ref:  2.0.0 (1.0.6)
    vue-resize-text: ^0.1.1 => 0.1.1 
    vue-router: ^3.4.9 => 3.5.2 
    vue-seamless-scroll: ^1.1.23 => 1.1.23 
    vue-style-loader:  4.1.3 
    vue-template-compiler: ^2.6.12 => 2.6.14 
    vue-template-es2015-compiler:  1.9.1 
    vuedraggable: ^2.24.3 => 2.24.3 
    vuex: ^3.6.0 => 3.6.2 
    vuex-persistedstate: ^3.1.0 => 3.2.1 
  npmGlobalPackages:
    @vue/cli: 5.0.0-beta.0

Steps to reproduce

1.vue.config.js publicPath='auto'

What is expected?

What is actually happening?

在chrome上报不支持autopath

1。script module中 document.currentScirpt被置为null，可以用import.meto.url来获取代码地址 2。也可以throw Error 获取异常，然后根据异常stack信息获取代码地址

ameinhardt commented 2 years ago

publicPath: 'auto' is just prefixed to the headTag hrefs by isHrefAbsoluteUrl: https://github.com/vuejs/vue-cli/blob/3f1346e97374f128f1d10f89ebb2b9b381355556/packages/%40vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js#L232 Maybe there should be another differentiation, as in https://github.com/jantimon/html-webpack-plugin/blob/1e4262528ff02a83e1fc7739b42472680fd205c2/index.js#L598