我收到了以下错误。
ERROR in [at-loader] ./ClientApp/boot.ts:7:23
TS1109: Expression expected.
ERROR in [at-loader] ./ClientApp/boot.ts:7:29
TS1134: Variable declaration expected.
ERROR in [at-loader] ./ClientApp/boot.ts:8:25
TS1109: Expression expected.
ERROR in [at-loader] ./ClientApp/boot.ts:8:31
TS1134: Variable declaration expected.
我有以下boot.ts文件。
import './css/site.css';
import 'bootstrap';
import Vue from 'vue';
import VueRouter from 'vue-router';
Vue.use(VueRouter);
const Counter = () => import('./components/counter/counter');
const FetchData = () => import('./components/fetchdata/fetchdata');
const routes = [
{ path: '/', component: require('./components/home/home.vue.html') },
{ path: '/counter', component: Counter },
{ path: '/fetchdata', component: FetchData }
];
new Vue({
el: '#app-root',
router: new VueRouter({ mode: 'history', routes: routes }),
render: h => h(require('./components/app/app.vue.html'))
});
我的tsconfig.json文件如下所示。
{
"compilerOptions": {
"allowSyntheticDefaultImports": true,
"experimentalDecorators": true,
"module": "esnext",
"moduleResolution": "node",
"target": "es5",
"sourceMap": true,
"skipDefaultLibCheck": true,
"strict": true,
"importHelpers": true,
"lib": [
"es5",
"es2015.promise"
],
"types": ["webpack-env"]
},
"exclude": [
"bin",
"node_modules"
]
}
我想实现以下目标。我正在使用webpack。所以如果需要,我可以在这里发帖。
答案 0 :(得分:2)
动态导入语法仅在2.4+版本的Typescript中受支持。最可能的解决方法是您需要升级您的Typescript版本。
使用以下内容更新Typescript的版本:
npm update --save-dev typescript
或者,如果您使用的是全球安装的版本:
npm update -g typescript
您可以在之后运行npm list typescript
(或npm list -g typescript
)以确保其成功。