Question

我有一个带有 Flask 的 vue MPA（多页应用程序）。它有两个页面，index.html 和 about.html。在这两个页面上，我的 main.js 中的 about 和 index 页面都出现了相同的控制台错误。

Uncaught TypeError: Cannot read property 'config' of undefined
    at Module.7e66 (main.js:4)

main.js for about.html

import Vue from 'vue'
import About from '@/components/about.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(About)
}).$mount('#app')

用于 index.html 的 main.js

import Vue from 'vue'
import Index from '@/components/index.vue'

Vue.config.productionTip = false

new Vue({
  render: h => h(Index)
}).$mount('#app')

我的 src 文件夹结构是

├───dist
    ├───css
    ├───img
    ├───js
    ├───about.html
    └───index.html
├───node_modules
├───src
│   ├───assets
│   ├───components
│   │    ├───about.vue
│   │    ├───HelloWorld.vue
│   │    └───index.vue
│   │   
│   └───pages
│       ├───about
│       │ └───main.js
│       └───index
│         └───main.js
├───vue.config.js

如果有人能帮忙，我将不胜感激。提前致谢。我使用的是 vue 版本 4.5.11。

无法从 main.js 中的 vue 导入 Vue

0 个答案: