У меня есть проект, использующий node / npm, webpack и awesome-typescript-loader, сactjs.Когда я запускаю код в режиме разработки с горячей загрузкой (webpack-dev-server), код компилируется, но не перекомпилируется.Когда я запускаю проект в производственном режиме (webpack && node server.js), все прекрасно компилируется.
Вот короткое сообщение об ошибке:
TypeError: Невозможно прочитать свойство '_tsInstances' из неопределенного в resolInstance (/ Users / пользователь / Documents / GitHub / project / node_modules / awesome-typescript-loader / src / instance.ts: 73: 20)
...
npm ERR!код ELIFECYCLE npm ERR!errno 1 npm ERR!project@0.0.0 dev: `webpack-dev-server, статус выхода 1
Любая помощь с этим будет принята с благодарностью, пожалуйста, дайте мне знать, если вы хотите увидеть больше сообщения об ошибке или журнала.
webpack.config.js
const path = require('path');
module.exports = {
entry: "./src/index.tsx",
output: {
filename: "js/bundle.js",
path: __dirname + "/dist"
},
resolve: {
extensions: [".ts", ".tsx", ".js", ".json"]
},
devServer: {
contentBase: path.join(__dirname, "dist"),
proxy: {
"/api": "http://localhost:3000"
}
},
module: {
rules: [
{ test: /\.tsx?$/, loader: "awesome-typescript-loader" },
{ test: /\.(jpe?g|gif|png|svg)$/, loader: "file-loader?name=./images/[name].[ext]" },
{ enforce: "pre", test: /\.js$/, loader: "source-map-loader" }
]
},
externals: {
"react": "React",
"react-dom": "ReactDOM"
}
};
tsconfig.json
"compilerOptions": {
"outDir": "./dist/js/",
"sourceMap": true,
"noImplicitAny": false,
"module": "commonjs",
"target": "es2015",
"jsx": "react",
"experimentalDecorators": true,
"allowJs": true,
"types": [
"googlemaps",
"geojson",
"prop-types",
"react",
"react-dom"
]
},
"include": [
"./src/**/*"
]