質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
EJS

EJSは、JavaScript用のテンプレートエンジン。HTMLなどのテンプレートテキストにJavaScriptのロジックを記述することができます。また、変数・関数の実行をテンプレートテキスト内に埋め込むことも可能です。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

Q&A

0回答

1008閲覧

webpackエラー

mizuiro28

総合スコア0

EJS

EJSは、JavaScript用のテンプレートエンジン。HTMLなどのテンプレートテキストにJavaScriptのロジックを記述することができます。また、変数・関数の実行をテンプレートテキスト内に埋め込むことも可能です。

Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換(コンパイル)してCSSファイルを作成します。

0グッド

0クリップ

投稿2021/11/25 08:03

前提・実現したいこと

webpackでejsをコンパイルしようとしたのですが下記エラーがでてしまいます。
解決方法がわかる方がいらっしゃいましたらご教示いただけないでしょうか?
よろしくお願いいたします。

エラーメッセージ

assets by status 249 bytes [cached] 1 asset ./src/index.ejs 327 bytes [built] [code generated] ERROR in Conflict: Multiple assets emit different content to the same filename index.html webpack 5.64.3 compiled with 1 error in 233 ms

webpack.config.js

const Path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const ejs = { mode: 'production', entry: './src/index.ejs', output: { filename: 'index.html', path: Path.resolve(__dirname, 'dist'), }, module: { rules: [ { test: /.(jpe?g|png|gif|svg)$/, use: { loader: 'file-loader', options: { name: '../img/[name].[ext]', } } }, { test: /.ejs$/i, use: [ { loader: 'html-loader', options: { minimize: false }, }, { loader: 'ejs-plain-loader' } ] }, ] }, plugins: [ new HtmlWebpackPlugin({ filename: 'index.html', template : 'src/index.ejs', minify: false, }) ] } module.exports = ejs;

package.json

{ "name": "rikokatsu_mock", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "repository": { "type": "git", "url": "high5inc@high5inc.git.backlog.com:/RIKOKATU/rikokatsu_mock.git" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "autoprefixer": "^10.4.0", "copy-webpack-plugin": "^10.0.0", "ejs": "^2.7.4", "ejs-plain-loader": "^1.4.1", "globule": "^1.3.3", "html-beautify-webpack-plugin": "^1.0.5", "html-loader": "^3.0.1", "html-webpack-plugin": "^5.5.0", "mini-css-extract-plugin": "^2.4.5", "postcss-cssnext": "^3.1.1", "webpack": "^5.64.3", "webpack-cli": "^4.9.1" } }

試したこと

補足情報(FW/ツールのバージョンなど)

node-jsのバージョン
v15.14.0

ここにより詳細な情報を記載してください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問