私のリアクションアプリケーションをビルドしようとすると、エラーが発生します。インポートを使用して.jsxの.scssファイルを解決できません
webpack-dev-server --progress --inline --watch
。
ERROR in ./app/index.jsx
Module not found: Error: Can't resolve 'styles/main' in '/Users/jono/dev/recipist/app'
@ ./app/index.jsx 11:12-34
@ multi (webpack)-dev-server/client?http://localhost:8080 ./app/index.jsx
私はimport style from 'styles/main';
これは私のツリーは次のようになります使用してindex.jsxにインポートしています:私が持っているhttps://github.com/jonofan/recipist/blob/master/webpack.config.js
:
.
├── app
│ ├── index.jsx
│ └── styles
│ └── main.scss
├── index.html
├── output
│ └── bundle.js
├── package.json
└── webpack.config.js
webpack.config.jsまた、完全な拡張子wを参照しようとしましたconfig内のresolve拡張を使用せずに、同じ問題が発生します。
に保存されているを確認します./styles/main.scss '' – finalfreq
正しい方向に進んでいると思われるcss-loaderの解決について不平を言っています。ありがとう! @finalfreq私は思った。アプリケーションのルートを意味します。 webpack.config.jsで定義されているエントリポイントのルートを意味しますか? – jonofan
./は現在の作業ディレクトリを意味するので、その場合は 'app'となります – finalfreq