Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/xamarin/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 网页包不';找不到两个角模中的任何一个_Angular_Typescript_Webpack - Fatal编程技术网

Angular 网页包不';找不到两个角模中的任何一个

Angular 网页包不';找不到两个角模中的任何一个,angular,typescript,webpack,Angular,Typescript,Webpack,我正在尝试将用Typescript 2编写的简单Angular 2应用程序从Browserify迁移到Webpack 2,但未找到Angular模块和浏览器字段时出错。在查看了几个示例项目和教程之后,我仍然不知道会出现什么问题。它与Browserify和Tsify构建得很好 ERROR in ./~/@angular/platform-browser-dynamic/index.js Module not found: Error: Can't resolve './src/platform-b

我正在尝试将用Typescript 2编写的简单Angular 2应用程序从Browserify迁移到Webpack 2,但未找到Angular模块和浏览器字段时出错。在查看了几个示例项目和教程之后,我仍然不知道会出现什么问题。它与Browserify和Tsify构建得很好

ERROR in ./~/@angular/platform-browser-dynamic/index.js
Module not found: Error: Can't resolve './src/platform-browser-dynamic' in '/opt/project/node_modules/@angular/platform-browser-dynamic'
resolve './src/platform-browser-dynamic' in '/opt/project/node_modules/@angular/platform-browser-dynamic'
  using description file: /opt/project/node_modules/@angular/platform-browser-dynamic/package.json (relative path: .)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: /opt/project/node_modules/@angular/platform-browser-dynamic/package.json (relative path: .)
    using description file: /opt/project/node_modules/@angular/platform-browser-dynamic/package.json (relative path: ./src/platform-browser-dynamic)
      as directory
        /opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic doesn't exist
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        /opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic doesn't exist
      js
        Field 'browser' doesn't contain a valid alias configuration
        /opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamicjs doesn't exist
      .ts
        Field 'browser' doesn't contain a valid alias configuration
        /opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic.ts doesn't exist
[/opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic]
[/opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic]
[/opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamicjs]
[/opt/project/node_modules/@angular/platform-browser-dynamic/src/platform-browser-dynamic.ts]
 @ ./~/@angular/platform-browser-dynamic/index.js 13:0-47
 @ ./src/main.ts
...and so on...
webpack.config.js:

module.exports = {
    entry: {
        main: './src/main.ts',
    },
    output: {
        path: './build',
        filename: '[name].js'
    },
    resolve: {
        extensions: ['js', '.ts'],
    },
    module: {
        rules: [
            {
                test: /\.ts$/,
                use: ['ts-loader'],
            }
        ]
    }
}

如果这是一个非常简单的应用程序,并且你无论如何都要更新,那么你可以更新以使用。建议使用angular2,只要您使用的是最新版本,它就使用webpack。

解析中的
js
扩展应为
.js
。我不确定这是否是答案,但它应该改变。你对此有满意的答案吗?我的网页配置看起来像你的。你的tsconfig.json里有什么?如果我没记错的话,Paus的评论对我很有帮助。后来我迁移到ES6。