web | Sysrigar

Nuxt.jsでのSCSS使用手順

2019年12月31日カテゴリー：Web系, 技術系コメント : 0

０，目次

はじめに
Nuxt.jsでのSCSS使用手順
1. モジュールの導入
2. SCSSファイルの配置
3. nuxt.config.jsの編集
4. Vueファイルにimportの記載
感想
参考文献

１，はじめに

Nuxt.jsではCSSだけでなく、SCSSも使えるという話を聞きました。

そこで、SCSSをNuxt.jsで使用できないか試したところ、

自動コンパイル的な感じで、SCSSファイルの直接読み込みができていました。

最近の技術の凄さに驚きです（日進月歩の世界だなと思いました）。

そこで、Nuxt.jsでSCSSを使用する手順を記載します。

Nuxt.jsの「Error: No build files found in XXX」への対応

2019年12月31日カテゴリー：Web系, 技術系コメント : 0

０，目次

はじめに
あ、凡ミスだこれ
原因・対応
参考文献

１，はじめに

Nuxt.jsで開発をしていると、

npm start devコマンドの実行に失敗することがあります。

今回、以下のエラーが表示されました。

✖ Nuxt Fatal Error
Error: No build files found in
/Users/jskny/Documents/Workspace/Project/byakko/dev/.nuxt/dist/server.
Use either `nuxt build` or `builder.build()` or start nuxt in development mode.

では、エラー潰しを始めましょう。

electron-builderで「Error: Cannot find module 」が出る場合につい

2019年11月23日カテゴリー：Web系, 技術系コメント : 0

０，目次

はじめに
対処
参考文献

１，はじめに

electron-builderを用いて、Webアプリのビルドを行おうとしたところ、エラーが発生しました。

エラーメッセージとして以下が表示されました。

R:\test\electron-quick-start>node electron-builder
internal/modules/cjs/loader.js:797
    throw err;
    ^

Error: Cannot find module 'R:\test\electron-quick-start\electron-builder'
[90m    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:794:15)[39m
[90m    at Function.Module._load (internal/modules/cjs/loader.js:687:27)[39m
[90m    at Function.Module.runMain (internal/modules/cjs/loader.js:1025:10)[39m
[90m    at internal/main/run_main_module.js:17:11[39m {
  code: [32m'MODULE_NOT_FOUND'[39m,
  requireStack: []
}

R:\test\electron-quick-start>

この問題への対処を行います。