angular.js - webpack+angular2引入awesome-typescript-loader報(bào)錯(cuò)
問題描述
原來用ts-loader是沒問題的,但是需要搭配angular2-template-loader,無奈換回awesome-typescript-loader,就報(bào)錯(cuò)了,請(qǐng)大家?guī)兔聪拢惺聝褐苯诱f就行,在線等。
ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/bindCallback.d.ts:2:15 Invalid module name in augmentation, module ’../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/bindNodeCallback.d.ts:2:15 Invalid module name in augmentation, module ’../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/combineLatest.d.ts:2:15 Invalid module name in augmentation, module ’../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/concat.d.ts:2:15 Invalid module name in augmentation, module ’../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/defer.d.ts:2:15 Invalid module name in augmentation, module ’../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/dom/ajax.d.ts:2:15 Invalid module name in augmentation, module ’../../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/dom/webSocket.d.ts:2:15 Invalid module name in augmentation, module ’../../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/empty.d.ts:2:15 Invalid module name in augmentation, module ’../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/forkJoin.d.ts:2:15 Invalid module name in augmentation, module ’../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/from.d.ts:2:15 Invalid module name in augmentation, module ’../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/fromEvent.d.ts:2:15 Invalid module name in augmentation, module ’../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/fromEventPattern.d.ts:2:15 Invalid module name in augmentation, module ’../../Observable’ cannot be found.ERROR in [default] /Users/honpery/personal_project/honpery_com/admin_rewrite/node_modules/rxjs/add/observable/fromPromise.d.ts:2:15 Invalid module name in augmentation, module ’../../Observable’ cannot be found.
下面是我的tsconfig.json文件
{ 'compilerOptions': {'target': 'es5','module': 'commonjs','moduleResolution': 'node','sourceMap': true,'experimentalDecorators': true// 'outDir': '' }, 'buildOnSave': false, 'compileOnSave': false, 'exclude': ['node_modules' ], 'awesomeTypescriptLoaderOptions': {'useWebpackText': true }}
下面是我的webpack配置文件:
/** * 開發(fā)環(huán)境webpack配置 */const path = require(’path’);module.exports = { entry: {app: ’./src/main.ts’, }, output: {path: path.join(__dirname, ’build’),filename: ’[name].bundle.js’ }, resolve: {extensions: [’’, ’.ts’, ’.js’, ’.json’] }, module: {loaders: [ {test: /.ts$/,loaders: [’awesome-typescript-loader’, ’angular2-template-loader’],exclude: /(node_modules | libs)/ }, {test: /.less$/,loader: ’less’,exclude: /(node_modules | libs)/ }, {test: /.html$/,loader: ’raw-loader’ }] }}
問題解答
回答1:原因: awesome-typescript-loader 最新的2.x的版本,只兼容 typescript 2.x的版本(目前正式版只到1.8)。
解決辦法:方案一: 升級(jí) typescript 到預(yù)覽版
npm i typescript@next --save-dev
方案二: 使用awesome-typescript-loader 的1.x的版本
npm i awesome-typescript-loader@1.1.1 --save-dev回答2:
已經(jīng)找到解決方案,需要更新下typescript到最新版本即可。
npm install typescript@next --save-dev
參考:https://github.com/s-panferov/awesome-typescript-loader/issues/179
相關(guān)文章:
1. 求救一下,用新版的phpstudy,數(shù)據(jù)庫過段時(shí)間會(huì)消失是什么情況?2. 網(wǎng)頁爬蟲 - 如何使用使用java抓取信息并制作一個(gè)排名系統(tǒng)?3. 這是什么情況???4. 前端 - 請(qǐng)問display: -webkit-flex;是什么意思?5. 測(cè)試自動(dòng)化html元素選擇器元素ID或DataAttribute [關(guān)閉]6. 微信小程序支持跳轉(zhuǎn)到外部鏈接網(wǎng)頁嗎7. javascript - angular錨點(diǎn)問題8. webgl - android上類似汽車之家的3d全景照片怎么實(shí)現(xiàn)9. PHP類封裝的插入數(shù)據(jù),總是插入不成功,返回false;10. 關(guān)于純用css寫導(dǎo)航鼠標(biāo)移入事件的問題?

網(wǎng)公網(wǎng)安備