linux - fusebox watch 和热装不工作

Question

我正在使用 fuse-box对于 React Web 项目，突然间它正在监视并且热重载(hmr)不再工作了! 注意这一点:

---------------------------------------------------
Development server running http://localhost:10008
---------------------------------------------------

14:26:47: Client connected
14:26:48: HMR is enabled

这里是 fusebox 的版本:

"fuse-box": "^2.2.2"

昨天它运行良好，我不知道发生了什么变化，我卸载了 watchman 并重新安装了它，但没有任何变化...... 请注意，我有 Ubuntu 16，这是 fusebox 文件”

const {resolve} = require('path')

const {
  FuseBox,
  SVGPlugin,
  CSSPlugin,
  WebIndexPlugin,
  BabelPlugin,
  SassPlugin,
  JSONPlugin,
  CSSModules,
  EnvPlugin,
  UglifyJSPlugin,
  ImageBase64Plugin,
  CopyPlugin,
  CSSResourcePlugin,
  Sparky,
  LESSPlugin
} = require('fuse-box')

const res = rel => resolve(__dirname, rel)

let mode = 'development'
let port = '4444'

let args = process.argv.slice(2) || []

if (args.length) mode = args[0]
if (args.length > 1) port = parseInt(args[1])

let production = mode == 'production'
let development = mode == 'development'
let server = mode == 'production'

let fuse = new FuseBox({
  cache: development,
  // kcache: true,
  log: development,
  debug: development,
  homeDir: './',
  sourcemaps: development,
  output: 'output/$name.js',
  alias: {
    home: '~/src',
    components: '~/src/components',
    modules: '~/src/modules',
    landing: '~/src/modules/landing',
    auth: '~/src/modules/auth',
    content: '~/src/modules/landing/content',
    assets: '~/src/assets',
    styles: '~/src/styles',
    network: '~/src/network',
    observables: '~/src/observables',
    popups: '~/src/components/popups',
    listitems: '~/src/components/listitems',
    helpers: '~/src/helpers'
  },

  plugins: [
    EnvPlugin({NODE_ENV: 'development'}),
    JSONPlugin(),
    BabelPlugin({
      config: {
        sourceMaps: development,
        presets: ['react', 'es2015', 'stage-2'],
        plugins: [
          'transform-object-assign',
          'transform-decorators-legacy',
          'transform-class-properties'
        ]
      }
    }),
    WebIndexPlugin({
      title: 'My app',
      template: 'src/index.html'
    }),
    [
      SassPlugin({
        importer: true,
        macros: {$styles: 'src/styles'}
      }),
      // CSSResourcePlugin(),
      CSSPlugin()
      // {
      // group: 'app.css',
      // outFile: res('output/app.css')
      // }
    ],
    // [LESSPlugin(), CSSPlugin()],
    [CSSResourcePlugin(), CSSPlugin()],
    ImageBase64Plugin()
  ]
})

fuse.dev({port})
const app = fuse
  .bundle('app')
  .target('browser')
  .instructions(
    '> src/index.js +[node-modules/react-toolbox/**/*.sass] +[stylesheets/**/*.sass]'
  )
if (development)
  app.sourceMaps({project: true, vendor: false}).watch('src/**').hmr()
fuse.run()

Answer 1

确保您已启用缓存，因为如果它关闭，它将无法工作。 移除 .fuse-box 并重新启动它。