私はwebpackを初めて使用するので、非常に明白なものが欠けている場合は申し訳ありません...
私は次の構造を持っています:
adex_js
---- app.jsx (entry point)
---- TestComponent.jsx
app.jsx には次のものがあります。
import TestComponent from './TestComponent'
私は得る:
ERROR in ./js/adex_js/app.jsx
Module not found: Error: Can't resolve './TestComponent' in '.........../asset_src/js/adex_js'
バベルの構成に関連している可能性があると言われました...これが私の.babelrcです:
{
"env": {
"production": {
"plugins": [
"transform-react-remove-prop-types",
"transform-react-constant-elements"
]
},
"development": {
"sourceMaps": "inline"
},
"test": {
"plugins": [
"istanbul"
],
"sourceMaps": "inline",
"presets": [
[
"env",
{
"targets": {
"browsers": [
"last 2 versions",
"safari >= 7"
],
"node": "current"
},
"useBuiltIns": true,
"debug": true
}
],
"react",
"stage-0"
]
}
},
"plugins": [
"transform-class-properties",
"transform-runtime",
"transform-object-rest-spread",
"transform-decorators-legacy",
"syntax-dynamic-import",
"dynamic-import-node",
"react-hot-loader/babel",
[
"react-css-modules",
{
"generateScopedName": "[name]__[local]___[hash:base64:5]"
}
],
],
"presets": [
[
"env",
{
"targets": {
"browsers": [
"last 2 versions",
"safari >= 7"
],
"node": "current"
},
"modules": false,
"useBuiltIns": true,
"debug": false
}
],
"react",
"stage-0"
]
}
そして、webpack config の babel セクション:
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel-loader',
query: {
plugins: [
'transform-react-jsx',
[
'react-css-modules',
{
context,
generateScopedName: '[name]__[local]___[hash:base64:5]'
}
]
]
}
問題の原因は何ですか?他のエラーは発生しません。すべてが適切にインストールされているようです。react のインポートは正常に機能しますが、ファイル システムからインポートする場合にのみ失敗します...
どんなヒントでも大歓迎です!!!