Typescript Webpack/React.js:您可能需要额外的加载器来处理这些加载器的结果
./productFlow/index.tsx 3:12模块分析失败时出错:意外 已使用以下加载程序处理令牌(3:12)文件:* ./node_modules/awesome typescript loader/dist/entry.js您可能需要一个 额外的加载器来处理这些加载器的结果进口 从“React”开始反应;|导出默认道具=>{ 返回(|Typescript Webpack/React.js:您可能需要额外的加载器来处理这些加载器的结果,typescript,webpack,Typescript,Webpack,./productFlow/index.tsx 3:12模块分析失败时出错:意外 已使用以下加载程序处理令牌(3:12)文件:* ./node_modules/awesome typescript loader/dist/entry.js您可能需要一个 额外的加载器来处理这些加载器的结果进口 从“React”开始反应;|导出默认道具=>{ 返回(|编译成功|) 当它命中JSX代码(在.tsx文件中)时,它似乎失败了。at loader是否无法处理此问题?我四处搜索了react loader,但我
编译成功
|)
当它命中JSX代码(在.tsx文件中)时,它似乎失败了。at loader是否无法处理此问题?我四处搜索了react loader,但我看到的示例更接近我自己的示例:
const webpack = require("webpack");
const dotEnvWebpack = require("dotenv-webpack");
const path = require("path");
const webpackConfiguration = {
entry : {
productFlow : path.join(__dirname, "productFlow/index.tsx")
, registrationFlow : path.join(__dirname, 'registrationFlow/index.tsx')
}
, output : {
filename : "outputFiles/[name].output.js"
, path : path.resolve(__dirname, "")
, publicPath : '/'
}
, watch : true
, watchOptions : { aggregateTimeout : 300 }
, devtool : 'inline-source-map'
, mode : "development"
, devServer : {
port: 3000
, contentBase : path.join(__dirname, "devIndex.html")
, hot : true
, historyApiFallback : true
}
, plugins : [
new webpack.HotModuleReplacementPlugin(),
new dotEnvWebpack
]
, node : {
fs: "empty" // for dotenv to work correctly
}
, resolve : { extensions : ['.ts', '.tsx', '.js'] }
, module : {
rules : [{
test : /\.tsx?$/
, use : 'awesome-typescript-loader'
, exclude : [/node_modules/, /outputFiles/]
}]
}
, externals : {
'react' : 'React'
, 'react-dom' : 'ReactDOM'
}
};
module.exports = webpackConfiguration;
这不是一个网页包问题,是tsconfig放松了。加载程序在将此行添加到tsconfig.json后识别出JSX:
"jsx": "react",