Webpack - 找不到模塊：錯誤：無法解析“node_modules\\chokidar\\lib”

Question

當我使用 npm 包“Electron-reload”編譯我的 Electron 應用程序時。 我有一個錯誤。 顯然，Electron-reload 使用 chokidar 來監視我的應用程序文件，因此它可以在檢測到文件更改時重新加載它。

使用 webpack 編譯我的電子主進程時出現的錯誤：

WARNING in ./node_modules/chokidar/lib/fsevents-handler.js
Module not found: Error: Can't resolve 'fsevents' in 
'C:\[...]\node_modules\chokidar\lib'

我的電子應用程序運行時出現的錯誤：

TypeError: Cannot read property 'filename' of undefined
 at Object.eval (webpack:///./node_modules/electron-reload/main.js?:12:32)
 at eval (webpack:///./node_modules/electron-reload/main.js?:86:30)
 at Object../node_modules/electron-reload/main.js (C:\[...]\Dist\Electron\app.js:322:1)
 at __webpack_require__ (C:\[...]\Dist\Electron\app.js:20:30)
 at eval (webpack:///./Electron/app.ts?:5:5)
 at Object../Electron/app.ts (C:\[...]\Dist\Electron\app.js:109:1)
 at __webpack_require__ (C:[...]\Dist\Electron\app.js:20:30)
 at C:\[...]\Dist\Electron\app.js:84:18
 at Object.<anonymous> (C:\[...]\Dist\Electron\app.js:87:10)
 at Module._compile (internal/modules/cjs/loader.js:1145:30)

我在 Electron-reload、chokidar 或 webpack 上找不到任何有用的在線信息。 這是我的 webpack.config.js

const path = require('path');
module.exports = {
    mode: "development",
    entry: "./Electron/app.ts",
    target: "electron-main",
    module: "es6",
    watch: true,
    stats: 'minimal',
    output: {
        path: path.resolve(__dirname, "./Dist/Electron/"),
        filename: "app.js",
    },
    module: {
        rules: [
            {
                test: /\.tsx?$/,
                use: 'ts-loader',
                include: /Electron/,
            },
        ]
    },

    resolve: {
        extensions: ['.ts', '.tsx', '.js']
    }
}

感謝您的幫助。

Answer 1

好吧，我沒有解決原來的問題。 但是因為我只想在文件更改時重新加載我的電子渲染過程，所以我找到了另一種沒有“電子重新加載”的方法

在渲染我的主窗口的函數中，我添加了：

import {join} from 'path';
import {watch} from 'fs';

app.whenReady().then(()=>{
   watch('./Dist/Client/', (eventType, filename)=>{ win.reload(); })
} 

現在一切正常。