什么';这是一个使用Webpack4.x的Aurelia应用程序的示例?

什么';这是一个使用Webpack4.x的Aurelia应用程序的示例?,webpack,aurelia,Webpack,Aurelia,我正在尝试将版本3.0.0-rc.1与Webpack4.5集成。以下是我的网页包配置的外观: const{AureliaPlugin}=require('aurelia-webpack-plugin'); const path=require('path'); const webpack=require('webpack'); const HtmlWebpackPlugin=require('html-webpack-plugin'); const webpackConfig={ 条目:{ 主旋

我正在尝试将版本3.0.0-rc.1与Webpack4.5集成。以下是我的网页包配置的外观:

const{AureliaPlugin}=require('aurelia-webpack-plugin');
const path=require('path');
const webpack=require('webpack');
const HtmlWebpackPlugin=require('html-webpack-plugin');
const webpackConfig={
条目:{
主旋律:“奥雷莉亚引导者”,
},
模块:{
规则:[
{
测试:/\.js$/,,
排除:/node_模块/,
加载器:“巴别塔加载器”
},
{
测试:/\.html$/,,
加载器:'html-loader',
排除:path.resolve('src/index.html')
},
{
测试:/\.减去$/i,
用法:[“样式加载器”、“css加载器”、“较少加载器”]
},
{
测试:/\.css$/i,
用法:[“样式加载器”、“css加载器”]
},
]
},
输出:{
path:path.resolve('./dist'),
文件名:'[name].js',
sourceMapFilename:“[name].js.map”,
chunkFilename:“[name].js”,
},
插件:[
新的AureliaPlugin({aureliaApp:“app”,dist:'native modules'}),
新HtmlWebpackPlugin({
模板:“index.html”,
ChunkstortMode:“依赖项”
}),
新建webpack.HotModuleReplacementPlugin(),
],
决心:{
扩展名:[“.ts”、“.js”],
模块:[“/src”、“/node_模块”],
},
devtool:“廉价模块源映射”,
模式:"发展",,
开发服务器:{
标题:{
“访问控制允许来源”:“*”
},
disableHostCheck:true,
公共路径:“/”,
是的,
港口:9000,
热:是的,
主机:“localhost”,
clientLogLevel:“信息”,
contentBase:“./”,
监视选项:{
忽略:/node\u模块/
},
历史上的倒退:正确
},
};
module.exports=webpackConfig;
My index.html如下所示:


当我运行
webpack dev server--config build/webpack.hmr.js
时,我在浏览器中遇到以下错误:

aurelia-loader-webpack.js:187 Uncaught (in promise) Error: Unable to find module with ID: aurelia-framework
    at WebpackLoader.<anonymous> (aurelia-loader-webpack.js:187)
    at step (aurelia-loader-webpack.js:36)
    at Object.next (aurelia-loader-webpack.js:17)
    at aurelia-loader-webpack.js:11
    at new Promise (<anonymous>)
    at ./node_modules/aurelia-loader-webpack/dist/native-modules/aurelia-loader-webpack.js.__awaiter (aurelia-loader-webpack.js:7)
    at WebpackLoader../node_modules/aurelia-loader-webpack/dist/native-modules/aurelia-loader-webpack.js.WebpackLoader._import (aurelia-loader-webpack.js:152)
    at WebpackLoader.<anonymous> (aurelia-loader-webpack.js:252)
    at step (aurelia-loader-webpack.js:36)
    at Object.next (aurelia-loader-webpack.js:17)
aurelia loader webpack.js:187未捕获(承诺中)错误:找不到ID为aurelia framework的模块
在网页加载器。(aurelia loader网页包,js:187)
步骤(aurelia loader webpack.js:36)
在Object.next(aurelia loader webpack.js:17)
在aurelia loader webpack.js:11
在新的承诺()
在./node_modules/aurelia loader webpack/dist/native modules/aurelia loader webpack.js.__waiter(aurelia loader webpack.js:7)
在WebpackLoader../node_modules/aurelia loader webpack/dist/native modules/aurelia loader webpack.js.WebpackLoader.\u导入(aurelia loader webpack.js:152)
在网页加载器。(aurelia loader网页包,js:252)
步骤(aurelia loader webpack.js:36)
在Object.next(aurelia loader webpack.js:17)
  • 库版本: 3.0.0-rc.1

  • 操作系统: 视窗10

  • 节点版本: 8.9.0

  • NPM版本: 5.5.1

  • 网页版 4.5.0

  • 浏览器: 铬65

  • 语言: 埃斯奈特


对于集成了aurelia Webpack插件的Webpack 4配置,似乎没有任何文档,所以我在这里有些茫然。知道我做错了什么吗

0.33.0
开始,由Aurelia CLI创建的默认Aurelia应用程序使用Webpack 4。您可以让它生成一个应用程序,然后看看它是如何工作的。

看起来就像是通过修复问题将my package.json库更新到最新版本。谢谢生成示例后,如何使用webpack使用它--观察而不是运行?