我在編譯我的反應打字稿應用程序時遇到問題

Question

我的應用程序不會編譯，我不知道爲什麼。在更改打字稿之前，一切正常。現在，當我運行'npm start'時出現錯誤。

，我得到的錯誤信息：

./src/index.js 
Module not found: Can't resolve './components/App' in /Users/myname/typescript_demo/redux/examples/todos-typescript/src' 

index.js

import * as React from 'react'; 
import { render } from 'react-dom'; 
import { createStore } from 'redux'; 
import { Provider } from 'react-redux'; 
import { App } from './components/App'; 
import { reducer } from './reducers'; 

const store = createStore(reducer) 

render(
    <Provider store={store}> 
    <App /> 
    </Provider>, 
document.getElementById('root') 
) 

什麼我的WebPack文件看起來像：

module.exports = { 
    entry: "./src/index.tsx", 
    output: { 
    filename: "bundle.js", 
    path: __dirname + "/dist" 
}, 

devtool: "source-map", 

resolve: { 
    extensions: [".ts", ".tsx", ".js", ".json"], 
    modules: ['app', 'src', 'node_modules']  
}, 

module: { 
    rules: [ 

     { test: /\.ts|\.tsx?$/, loader: "awesome-typescript-loader" }, 
     { enforce: "pre", test: /\.js$/, loader: "source-map-loader" }, 
     { exclude: /node_modules/}, 

     // All output '.js' files will have any sourcemaps re-processed by 'source-map-loader'. 
     //{ enforce: "pre", test: /\.js$/, loader: "source-map-loader" } 
     { enforce: "pre", test: /\.js$/, loader: "source-map-loader" } 
    ] 
}, 

externals: { 
    "react": "React", 
    "react-dom": "ReactDOM" 
}, 
devtool: "source-map" 
}; 

Answer 1

根據你的錯誤

Module not found: Can't resolve './components/App' in /Users/myname/typescript_demo/redux/examples/todos-typescript/src' 

在你index.js你有

import { App } from './components/App'; 

確保有components/App.js文件存在相對於上盤index.js位置。

更多

由於您使用.js文件也確保你已經在你的tsconfig.json啓用allowJs。