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

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';

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

更多

由於您使用的是.js文件，因此還要確保在allowJs啟用了allowJs。