Uncaught Error: Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: D:\Personal_Files\VSCode\Vue框架学习\01_test\vue-component\src\components\Dycomponent.vue: `import` can only be used in `import()` or `import.meta`. (4:20)
时间: 2023-08-14 18:21:10 浏览: 225
VUE项目启动失败:Module build failed
这个错误是因为在你的 Vue 组件中使用了 ES6 的 import 语法,但是 babel-loader 没有正确地将它转换成 ES5 语法。你可以在 webpack.config.js 中添加 babel-loader 的配置,例如:
```javascript
module: {
rules: [
{
test: /\.js$/,
exclude: /(node_modules)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
},
{
test: /\.vue$/,
loader: 'vue-loader'
}
]
}
```
这样就可以将 ES6 的 import 语法转换成 ES5 语法,从而解决这个错误。
阅读全文