Angular 网页包不';找不到两个角模中的任何一个
我正在尝试将用Typescript 2编写的简单Angular 2应用程序从Browserify迁移到Webpack 2,但未找到Angular模块和浏览器字段时出错。在查看了几个示例项目和教程之后,我仍然不知道会出现什么问题。它与Browserify和Tsify构建得很好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
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。