2

这是我的项目文件夹：app

  • 开发工具
    • 节点模块
    • 包.json
    • webpack.config.js
  • 源代码
    • 模块（文件夹）
    • main.ts
    • 索引.html
  • 距离

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但我不知道出了什么问题以及为什么它不能解析我的模块路径。

谢谢你。

4

0 回答 0