Question

这是我的项目文件夹：应用

devtools
- node_modules
- 的package.json
- webpack.config.js
SRC
- 模块（文件夹）
- main.ts
- 的index.html
DIST

webpack.config.js：

const port = process.env.PORT || 3000;
const hostname = process.env.HOSTNAME || 'localhost';
const host = 'http://' + hostname + ':' + port;
const assetHost = process.env.ASSET_HOST || host + '/dist/';

module.exports = {
  entry: {
    app: [path.resolve(__dirname, '../src/main.ts')].concat([
      'webpack-dev-server/client?' + host,
      'webpack/hot/only-dev-server'
    ])
  },
  context: path.resolve(__dirname),
  output: {
    path: path.resolve(__dirname, '../dist'),
    filename: '[name].js',
    chunkFilename: '[name]-[chunkhash].js'
  },
  resolve: {
    modules: [
      '/devtools/node_modules',
      'node_modules'
    ],
    extensions: ['.ts', '.js']
  },
  resolveLoader: {
    modules: ['/devtools/node_modules', 'node_modules']
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ],
  devtool: 'inline-source-map',
  devServer: {
    inline: true,
    port: port,
    publicPath: assetHost
  },
  module: {
    rules: [
      {
        test: /\.ts$/,
        use: ['awesome-typescript-loader'],
        exclude: [/\.(spec|e2e)\.ts$/]
      }
    ]
  }
};

main.ts：

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

platformBrowserDynamic().bootstrapModule();

当我尝试构建项目时，我收到此错误：

ERROR in ../src/main.ts
Module not found: Error: Can't resolve '@angular/platform-browser-dynamic' in '/home/user/work/app/src'
 @ ../src/main.ts 2:33-77
 @ multi app

我在这里做错了什么？此外，更改文件夹结构不是一个解决方案。我需要找到一种让它按原样工作的方法，而无需修改main.ts的相对导入路径。

据我所知，我对webpack.config的决心做错了，但我无法弄清楚出了什么问题以及为什么它不能解决我的模块路径

谢谢。

Webpack2使用单独的文件夹时无法解析模块

0 个答案: