npm run dev 有報錯但是沒有具體的錯誤提示： ERROR Failed to compile with 1 errors

一.問題描述

在進入到項目運行：npm run dev時出現錯誤： ERROR  Failed to compile with 1 errors 但是卻沒有具體的提示。

D:\Tool\PythonProject\website\frontend>npm run dev

> frontend@1.0.0 dev D:\Tool\PythonProject\website\frontend
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

94% asset optimization[copy-webpack-plugin] WARNING - unable to locate 'D:\Tool\PythonProject\website\frontend\templates' at 'D:\Tool\PythonProject\website\frontend\templates' 95% emitting

ERROR Failed to compile with 1 errors 08:10:50
error

二.問題分析

 問題出在項目的結構修改之后。我們再來看下紅色提示的上一句：

94% asset optimization[copy-webpack-plugin] WARNING - unable to locate 'D:\Tool\PythonProject\website\frontend\templates' at 'D:\Tool\PythonProject\website\frontend\templates' 95% emitting

提示語句中提到“copy-webpack-plugin”和“templates”,那么錯誤可能跟這兩個地方有關系。然后在整個項目中搜索這兩個東西是位於哪個文件里面。發現可以在build/webpack.dev.conf.js文件中可以找到相關內容。

然后再找到項目正常的時候該位置的配置：

可以發現配置的路徑發生了變化。具體是怎么發生變化的，這里已經不得而知。

三.解決方法

將“from: path.resolve(__dirname, '../templates')”修改為“from: path.resolve(__dirname, '../static')”。

四.總結

1.沒能快速的定位問題，是源於對VUE框架的不熟悉。

2.網上搜索相關的內容時大多修改的是“ template: 'index.html'”位置，他們的錯誤可能確實是這個問題。但是自己的項目在這個位置沒有問題，那么可能錯誤是發生在別的地方。所以解決問題的思路還是先看錯誤提示，然后根據錯誤提示在項目中查找到相關的內容，接着和項目正常的時候進行對比尋找不同點。自己根據錯誤提示尋找問題所在可能比網上搜索別人的答案問題有時候效率可能更高。

3.追本溯源，找到為什么發生這樣的問題，防止再次發生。至於為什么發生這個問題，很遺憾，不知道是在操作什么的時候導致了這個錯誤。