1

同形の JavaScript 構成で webpack 構成に問題があります。実行すると、次のようになります。

BROWSER=false NODE_PATH=$NODE_PATH:./shared node --harmony . & webpack-dev-server --progress --color

スローされたエラー:

 /node_modules/babel/node_modules/babel-core/lib/transformation/file/index.js:671
      throw err;
            ^
SyntaxError: /Users/allen/NodeJS/node-analytics-frontend/shared/containers/EventConfig.scss: Unexpected token (1:0)
> 1 | .blue {
    | ^
  2 |   color: blue;
  3 | }

これは私のwebpack構成です:

var path = require('path');
var webpack = require('webpack');

module.exports = {
  entry: [
    'webpack-dev-server/client?http://localhost:8080/',
    'webpack/hot/only-dev-server',
    './client'
  ],
  output: {
    path: path.join(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  resolve: {
    modulesDirectories: ['node_modules', 'shared'],
    extensions: ['', '.js', '.jsx']
  },
  module: {
    loaders: [{
      test: /\.scss$/,
      loaders: ['style', 'css', 'sass']
    }, {
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loaders: ['react-hot', 'babel'],
      query: {
        stage: 0
      }
    }]
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new webpack.DefinePlugin({
      "process.env": {
        BROWSER: JSON.stringify(true)
      }
    })
  ],
  devtool: 'inline-source-map',
  devServer: {
    hot: true,
    proxy: {
      '*': 'http://localhost:' + (process.env.PORT || 3000)
    }
  }
};

そして、私はrequireを呼び出しています

import styles from './EventConfig.scss';
4

1 に答える 1

1

で同様の問題が見つかりましたbabel-coreが、環境変数に関係している可能性があります。BROWSER=openコマンドを実行するときがあるかどうかを確認してください$ env

その場合は、この変数をシェルで直接設定して、他のオプションを試してみてください。または、.bash_profile.

明らかに解決された問題に関する議論を次に示します: https://github.com/iam4x/isomorphic-flux-boilerplate/issues/16

これが役立つことを願っています!

于 2015-09-22T19:08:59.073 に答える