鍍金池/ 問答/HTML/ 配置typescript,打包報錯

配置typescript,打包報錯

  1. 由react遷移到typescript,配置typescript之后,執(zhí)行打包命令時報錯

clipboard.png

tsconfig.json配置

{
    "compilerOptions": {
        "outDir": "./dist/", // path to output directory
        "sourceMap": true, // allow sourcemap support
        "noImplicitAny": true,
        "strictNullChecks": true, // enable strict null checks as a best practice
        "module": "es6", // specify module code generation
        "jsx": "react", // use typescript to transpile jsx to js
        "target": "es5", // specify ECMAScript target version
        "allowJs": true // allow a partial TypeScript and JavaScript codebase
    },
    "include": ["./src/"]
}

webpack.conf.js部分配置

module: {
        rules: [
            {
                test: /\.(t|j)sx?$/,
                exclude: /node_modules/,
                use: ['awesome-typescript-loader']
            },
            {
                enforce: 'pre',
                test: /\.js$/,
                loader: 'source-map-loader'
            },
        ]
    },
版本:
"webpack": "^3.12.0",
"awesome-typescript-loader": "^5.2.0",
"typescript": "^2.9.2",
"@types/react": "^16.4.11",
"@types/react-dom": "^16.0.7",

感覺并不是webpack版本的問題,網(wǎng)上也沒找相應(yīng)的解答,求解什么問題?

回答
編輯回答
鐧簞噯

這不是很清楚了嗎? @storybook/react升級到4.x

2017年3月8日 09:56
編輯回答
朽鹿

降低awesome-typescript-loader的版本,最新版需要webpack4,但是webpack4不向下兼容,所以選擇降低awesome-typescript-loader的版本

2017年6月24日 11:50