質問編集履歴
1
エラーメッセージを記載しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
以前、Onsen UIを使用したVueのテンプレートでは、ターミナルからnode-sassおよびsass-loaderをインストールすることで、scss記法を使用することができていたのですが、今回、それが上手くいかなくなってしまいました。
|
|
4
4
|
|
|
5
5
|
# 試したこと
|
|
6
|
-
.vueファイルなどから、Onsen UIに関する記載をすべて削除し、ターミナルから`npm install
|
|
6
|
+
.vueファイルなどから、Onsen UIに関する記載をすべて削除し、ターミナルから`npm install vue-router`を実行し、Vue-routerをインストールしました。この状態で、アプリの作成に問題なく、画面遷移も動作します。
|
|
7
7
|
|
|
8
8
|
その後、Sassを導入しようと、`npm install node-sass --save-dev`をターミナルから実行すると、エラーが出て一回ではうまくいかず、何回か実行することでようやくインストールされまました。
|
|
9
9
|
なお、`sass-loader`は、一回でインストールできました。
|
|
@@ -105,4 +105,9 @@
|
|
|
105
105
|
<h1>商品情報</h1>
|
|
106
106
|
</div>
|
|
107
107
|
</template>
|
|
108
|
-
```
|
|
108
|
+
```
|
|
109
|
+
# エラーメッセージ
|
|
110
|
+
抜粋になりますが、プレビューサーバーに以下のようなエラーメッセージが表示されました。
|
|
111
|
+
`ERROR in ./src/App.vue?vue&type=style&index=0&lang=scss& (./node_modules/css-loader!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/lib/loader.js!./nod
|
|
112
|
+
e_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=style&index=0&lang=scss&)Module build failed (from ./node_modules/sass-loader/lib/loader.js):
|
|
113
|
+
Error: ENOENT: no such file or directory, scandir '/project/node_modules/node-sass/vendor'`
|