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

好吧，我没有解决原来的问题。但是因为我只想在文件改变时重新加载我的电子渲染进程，所以我找到了另一种不使用" electron - reload“的方法

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

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

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

现在一切都很好。