Reactjs,我有两个repos,一个是从另一个导入组件。尝试导入模块,我收到此错误:
模块解析失败:[path]意外令牌(22:6) 您可能需要适当的加载程序来处理此文件类型。 |渲染(){ | ... | }
这是我的webpack.config.js模块加载器:
module: {
loaders: [
{
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['react', 'es2015', 'stage-1']
}
},
{
test: /\.scss$/,
loaders: ["style-loader", "css-loader", "sass-loader"]
},
]
},
我在这里缺少什么? 两个回购工作本身很好,我试图从另一个加载一个,这是我得到的错误。
答案 0 :(得分:0)
您确定没有错过babel-loader
的{{1}}财产吗?
在ReactJS应用程序中通常设置为:
test
答案 1 :(得分:0)
刚想通过在该配置中添加几行:
module: {
loaders: [
{
test: /\.scss$/,
loaders: ["style-loader", "css-loader", "sass-loader"]
},
{
test: /\.jsx?$/,
include: /node_modules\/my-react-comps-styleguide/,
loader: 'babel-loader'
},
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader'
}
]
},
注意我在node_modules中添加的内容。 现在它运作良好。
我也注意到也可以添加这个:
include: [
path.join(process.cwd(),'src'),
path.join(process.cwd(), 'node_modules/[modulename]')
]