質問編集履歴
1
現状のコードを最後の部分に追加しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
### 該当のソースコード
|
|
28
28
|
|
|
29
|
-
|
|
29
|
+
↓main.jsの中身です。
|
|
30
30
|
|
|
31
31
|
```javascript
|
|
32
32
|
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
|
|
43
43
|
```
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
↓router.jsの中身です。
|
|
46
46
|
|
|
47
47
|
```javascript
|
|
48
48
|
|
|
@@ -98,4 +98,84 @@
|
|
|
98
98
|
|
|
99
99
|
|
|
100
100
|
|
|
101
|
+
Vue3以降Vueオブジェクトは使用されないとのことでrouter.jsを以下のように書き換えてみましたが状況は変わらずでした。
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
```javascript
|
|
106
|
+
|
|
107
|
+
import { createApp } from 'vue';
|
|
108
|
+
|
|
109
|
+
import App from './App.vue';
|
|
110
|
+
|
|
111
|
+
import VueRouter from 'vue-router';
|
|
112
|
+
|
|
113
|
+
import BasicInfomation from '/Users/fukutomeyouhei/Documents/git/MENTA-kadai/vue-questionnaire/src/components/BasicInfomation.vue';
|
|
114
|
+
|
|
115
|
+
import QuestionsPage from '/Users/fukutomeyouhei/Documents/git/MENTA-kadai/vue-questionnaire/src/components/QuestionsPage.vue';
|
|
116
|
+
|
|
117
|
+
import ConsultationFormPage from '/Users/fukutomeyouhei/Documents/git/MENTA-kadai/vue-questionnaire/src/components/ ConsultationFormPage.vue';
|
|
118
|
+
|
|
119
|
+
|
|
120
|
+
|
|
121
|
+
const app = createApp(App);
|
|
122
|
+
|
|
123
|
+
app.use(VueRouter);
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
export default new VueRouter({
|
|
128
|
+
|
|
129
|
+
routes: [
|
|
130
|
+
|
|
131
|
+
{ path: '/', component: BasicInfomation },
|
|
132
|
+
|
|
133
|
+
{ path: '/question', component: QuestionsPage },
|
|
134
|
+
|
|
135
|
+
{ path: '/consulation', component: ConsultationFormPage }
|
|
136
|
+
|
|
137
|
+
]
|
|
138
|
+
|
|
139
|
+
});
|
|
140
|
+
|
|
141
|
+
```
|
|
142
|
+
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
importする時のパスを相対パスから絶対パスに変えてみたところエラー画面は出なくなったのですが、
|
|
146
|
+
|
|
147
|
+
コンソールを確認したところこのようなエラーが表示されていました。
|
|
148
|
+
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
###エラー内容
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
Uncaught TypeError: Object.defineProperty called on non-object
|
|
156
|
+
|
|
157
|
+
at Function.defineProperty (<anonymous>)
|
|
158
|
+
|
|
159
|
+
at Function.install (vue-router.esm.js?8c4f:1283)
|
|
160
|
+
|
|
161
|
+
at Object.use (runtime-core.esm-bundler.js?5c40:2948)
|
|
162
|
+
|
|
163
|
+
at eval (router.js?41cb:9)
|
|
164
|
+
|
|
165
|
+
at Module../src/router.js (app.js:1303)
|
|
166
|
+
|
|
167
|
+
at __webpack_require__ (app.js:849)
|
|
168
|
+
|
|
169
|
+
at fn (app.js:151)
|
|
170
|
+
|
|
171
|
+
at eval (main.js:12)
|
|
172
|
+
|
|
173
|
+
at Module../src/main.js (app.js:1291)
|
|
174
|
+
|
|
175
|
+
at __webpack_require__ (app.js:849)
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
|
|
179
|
+
|
|
180
|
+
|
|
101
181
|
ご教授いただければ幸いです????♂️
|